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