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對象