JavaScript零基礎入門—JavaScript的BOM

編程語言 JavaScript 技術 JavaScript前端 2018-12-08

其實,我們日常開發中,如果不是做前端架構,一般情況下,對BOM的操作其實並不會太多,當然,H5的話也可以藉助BOM來定位和判斷網絡,這個以後再說。

對於BOM的操作,我們常用的有Location、Navigator、History和彈窗,我們分別來說一下。


  • Location

window.location通常是用來獲取或重定向當前窗口的頁面網址,即URL,常用的屬性有以下幾個:

location.href:獲取頁面網址,也就是地址欄上的地址;
location.hostname:獲取web主機域名,例如www.xxx.com;
location.port:獲取端口號;
location.pathname:獲取當前頁面的路徑和文件名;
location.protocol:返回當前頁面所使用的web協議(file、http、https等)。


  • Navigator

window.navigator通常是用來獲取訪問者瀏覽器的相關信息,主要屬性如下:

navigator.platform:獲取運行瀏覽器的操作系統平臺;
navigator.userAgent:獲取由客戶機發送服務器的 user-agent 頭部的值;
navigator.appVersion:獲取瀏覽器的平臺和版本信息


  • History

window.history通常用來獲取瀏覽器的瀏覽歷史,常用屬性主要如下:

history.forward():瀏覽器歷史前進,與點擊瀏覽器前進按鈕一樣;
history.back():瀏覽器歷史後退,與點擊瀏覽器後退按鈕一樣。


  • 彈窗

在JavaScript中,可以創建三種消息框:警告框、確認框、提示框。

警告框(alert)經常用於確保用戶可以得到某些信息。當警告框出現後,用戶需要點擊確定按鈕才能繼續進行操作。

確認框通常用於驗證是否接受用戶操作。當確認卡彈出時,用戶可以點擊 "確認" 或者 "取消" 來確定用戶操作。當你點擊 "確認",確認框返回 true, 如果點擊 "取消", 確認框返回 false。

提示框經常用於提示用戶在進入頁面前輸入某個值。當提示框出現後,用戶需要輸入某個值,然後點擊確認或取消按鈕才能繼續操縱。如果用戶點擊確認,那麼返回值為輸入的值。如果用戶點擊取消,那麼返回值為 null。

JavaScript零基礎入門—JavaScript的BOM

相關推薦

推薦中...