JavaScript——BOM(瀏覽器物件模型),時間間隔和暫停
BOM(瀏覽器物件模型):可以對瀏覽器的視窗進行訪問和操作
1、基本的BOM體系:
window------------document------------------------------------------anchors
| |
--frames ----forms
| |
--history ----images
| |
--location(瀏覽器地址) ----links
| |
--navigator(擷取瀏覽器資訊)----location
|
--screen(螢幕)
2、screen 對象:通過window.screen屬性來訪問
(1)、availHeight / availWidth(返回螢幕的內高度/寬度,相對於硬體而言,不隨視窗大小變化而變化)
(2)、height / width 返回螢幕硬體規定總高,不可改變
(3)pixelDepth 顯示螢幕的顏色解析度(位元每像素)
3、location對象:通過window.location屬性來訪問
(1)hash 設定或返回從井號 (#) 開始的 URL(錨)。
(2)host 設定或返回主機名稱和當前 URL 的連接埠號碼。
(3)hostname 設定或返回當前 URL 的主機名稱。
(4)href 設定或返回完整的 URL。
(5)pathname 設定或返回當前 URL 的路徑部分。
(6)port 設定或返回當前 URL 的連接埠號碼。
(7)protocol 設定或返回當前 URL 的協議。
(8)search 設定或返回從問號 (?) 開始的 URL(查詢部分)。
(9)assign() 載入新的文檔
(10)replace() 用新的文檔替換當前文檔
如:window.location.replace("http://www.w3school.com.cn")
(11)reload() 重新載入當前文檔
4、history對象:通過window.history 屬性來訪問
(1)length:返回瀏覽器曆史列表中的url數量
如:document.write(history.length);
(2)back() 載入 history 列表中的前一個 URL
(3)forward() 載入 history 列表中的下一個 URL
(4)go() 載入 history 列表中的某個具體頁面
5、navigator對象:
(1)appCodeName 瀏覽器代碼名的字串表示(如"Mozilla")
(2)appName 官方瀏覽器名的字串表示
(3)appMinorVersion 額外版本資訊的字串表示
6 、時間間隔和暫停
暫停:在指定的毫秒數後執行指定的代碼,時間間隔是反覆執行指定的代碼,每次執行之間等待指定的毫秒數
用window對象的setTimeout()方法設定暫停,接受兩個參數,要執行的代碼和在執行它之前要等待的毫秒數,可以引用以前定義的函數,如setTimeout(func,1000);意思是在1秒之後執行func函數
setTimeout 和 setInterval 的區別:
setTimeout方法是定時程式,也就是在什麼時間以後幹什麼。幹完就完了.
setInterval方法則是表示間隔一定時間反覆執行某操作。
JS裡設定延時:
使用SetInterval和設定延時函數setTimeout 很類似。setTimeout 運用在延遲一段時間,再進行某項操作。
setTimeout("function",time) 設定一個逾時對象
setInterval("function",time) 設定一個逾時對象
SetInterval為自動重複,setTimeout不會重複。
clearTimeout(對象) 清除已設定的setTimeout對象
clearInterval(對象) 清除已設定的setInterval對象