JavaScript——BOM(瀏覽器物件模型),時間間隔和暫停

來源:互聯網
上載者:User

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


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.