2021-05-29

JavaScript基础学习06（浏览器对象）

1. Window 对象：

   Window对象是BOM 的核心，window对象值指当前的浏览窗口，是所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。

   全局变量是window对象的属性

   全局函数是window对象的方法

   甚至HTML DOM的document也是window对象的属性之一。

   举个栗子吧！

   文本内容在一个新的窗口显示：

   button id="btn" onclick="ClickButton()">按钮</button>
   <script>
       function ClickButton() {
           document.getElementById("btn");
           window.open("newFile.html","Windowname","height=400px,width=400px,top=100px,left=200px");
       }
   </script>
   

   2. 计时器

      有时候我们需要设定一个时间间隔之后来执行代码，而不是在函数被调用后立即执行，我们称之为及时事件。

      计时方法：

      1）.setInterval()-间隔指定的毫秒数不停地执行的代码

      2）.clearInterv阿里（）方法用于停止setInterval（）方法执行。

      3）.setTimeout()-暂停指定的毫秒数后执行指定的代码

      4）.clearTimeout()方法用于停止执行setTimeout()方法的函数。

      那是不是很疑惑这两者好像都是延时操作，到底有什么地方不一样呢？

      以setInterval()为例举个栗子：

      <h1 id="h1"></h1>
      <button id="btn" onclick="stopTime()">按钮</button>
      <script>
          var myTime=setInterval(function () {
              ShowTime();
          },1000);
          function ShowTime() {
              var today=new Date();
              var t=today.toLocaleTimeString();
              document.getElementById("h1").innerHTML=t;
          }
          function stopTime() {
              clearInterval(myTime);
          }
      </script>
      

   3.location对象

   window.location对象用于获取当前页面地址（URL），并把浏览器重定向新的页面。

   location对象的属性：

   location.hostname;//获取当前主机域名

   location.port;//获取当前主机端口号

   location.href;//获取当前页面的URL等等还有很多。

   栗子：

   <button id="btn" onclick="getLoc()">按钮</button>
   <p id="pid"></p>
   <script>
       function getLoc() {
           document.getElementById("pid").innerHTML=location.hostname;//获取当前主机域名
            document.getElementById("pid").innerHTML=location.port;//获取当前主机端口号
           document.getElementById("pid").innerHTML=location.href;//获取当前页面的URL
       }
   </script>
   

   4.history对象

   window.history对象包含浏览器的历史（url）的集合

   History方法：

   history.back()-与在浏览器点击后退按钮相同

   history.forward()-与在浏览器中点击按钮向前相同

   history.go（）-进入历史的某个页面