BOM

  1. 原生对象:成为js中的内置对象,就是由 js 中的构造函数创建的对象就被称为原生对象:Object、Number、Array、Date、String。。。。
  2. 宿主对象:web运行环境,也就是windows操作系统和浏览器这些被称为宿主,有这些宿主提供的对象,就叫宿主对象。
  3. *BOM:浏览器对象模型,专门用来操作浏览器中的功能使用 在BOM中最顶层的对象就是window对象,window对象是浏览器中内置对象,里面包含了操作浏览器的方法和属性 window中常用的方法和属性: innerHeight、innerWidth:专门用来设置浏览器窗口的尺寸,例:↓
     1 <p id="demo">显示窗口的高度和宽度(不包括工具栏和滚动条). .</p>
     2 <button onclick="myFunction()">点我</button>
     3 <script>
     4 function myFunction(){
     5     var w=window.innerWidth;
     6     var h=window.innerHeight;
     7     x=document.getElementById("demo");
     8     x.innerHTML="Width: " + w + " Heigth: " + h;
     9 }
    10 </script>

         alert():弹出框 定义和用法:alert() 方法用于显示带有一条指定消息和一个  确认 按钮的警告框。 语法:alert( message) 例:↓   <script> function myFunction(){     alert( 你好,我是一个警告框! ); } </script>

     

     prompt():输入框

    语法:prompt(msg,defaultText)

    msg 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。
    defaultText 可选。默认的输入文本。

    例:↓

    var person = prompt( “请输入你的名字”, “Harry Potter”);

     

     confirm():确认框 定义和用法: confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。

    如果访问者点击”确定”,此方法返回true,否则返回false。

    语法:confirm(message)

    例:↓

      var r = confirm( “按下按钮!”); console. log( r)

     

     open(文件地址,窗口名称,窗口特征,是否替换):创建新窗口  注:当前open方法中没有设置窗口名称时,一旦创建新窗口,浏览器会默认给每个新窗口设置一个不同的名称,这样就操作每次都创建一个新窗口;  如果给新窗口设置了名称,那么每次创建的时候就回去浏览器中查找该窗口名称是否存在,如果存在,则直接拿来使用,如果不存在,则创建新窗口    close():关闭窗口  关闭当前窗口:window.close()  关闭指定窗口:窗口名称.close()   screenX、screenY和screenLeft、screenTop:获取当前窗口相对于屏幕的坐标 例:↓   //获取当前窗口相对于屏幕的坐标         var x1 = window. screenX         var y1 = window. screenY
            var x2 = window. screenLeft         var y2 = window. screenTop         console. log( x1, y1, x2, y2)   location对象:专门用来操作浏览器的地址栏信息         href:操作浏览器中的地址    例↓             // 获取浏览器中的地址 var url1 = location. href             console. log( url1)             // 设置跳转地址             location. href = “./01.作业1.html”             location = “./01.作业1.html”             location. assign( “./01.作业1.html”)         host:主机名和端口号       hostname:主机名       reload():重新加载当前页面   例:↓   // 重新加载当前页面(刷新)             location. reload()           search():浏览器中的参数信息       assgin():操作浏览器的地址  var url1 = location.href             console.log(url1)             // 设置跳转地址             location.href = “./01.作业1.html”             location = “./01.作业1.html”             location.assign(“./01.作业1.html”)