7. 浏览器对象 · 极客学院笔记

[toc] ## JS浏览器对象 >#### window对象 1. window对象: window对象是BOM的核心，window对象指当前的浏览器窗口所有的javascript全局对象、函数以及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM的document也是window对象的属性之一 2. window尺寸： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 3. window方法： window.open() - 打开新窗口 window.close() - 关闭当前窗口 >#### 计时器 1. 计时事件: 通过使用javascript, 我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行，我们称之为计时事件 2. 计时方法： 1). setInterval() - 间隔指定的毫秒数不停的执行指定的代码 clearInterval() - 用于停止setInterval()方法执行的函数代码 ``` <p id="ptime"></p> <button id="btn" onclick="stopTime()">停止</button> <script> var mytime = setInterval(function(){ getTime(); }, 1000); function getTime(){ var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("ptime").innerHTML = t; } function stopTime(){ clearInterval(mytime); } </script> ``` 2). setTimeout() - 暂停指定的毫秒数后执行指定的代码 clearTimeout() - 停止执行setTimeout()方法的函数代码 ``` <body onload="myWin()"> <p id="ptime"></p> <button id="btn" onclick="stopWin()">停止</button> <script> var win; function myWin(){ alert("hello"); win = setTimeout(function(){myWin()}, 2000); //自己调用自己重复执行 } function stopWin(){ clearTimeout(win); } </script> ``` >#### History对象 1. History对象: window.history 对象包含浏览器的历史(url)的集合 2. History方法: history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同 history.go() - 进入历史中的某个页面 >#### Location对象 >#### Screen对象