BOW/DOM（上）

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")