JavaScript零基礎入門——（十四）JavaScript的BOM

JavaScript零基礎入門——（十四）JavaScript的BOM

你們好，歡迎回到咱們的JavaScript零基礎入門。上一節課咱們瞭解了JavaScript的事件，這一節課，咱們以JavaScript的BOM，來結束JavaScript的基礎課。

其實，咱們平常開發中，若是不是作前端架構，通常狀況下，對BOM的操做其實並不會太多，固然，H5的話也能夠藉助BOM來定位和判斷網絡，這個之後再說。

對於BOM的操做，咱們經常使用的有Location、Navigator、History和彈窗，咱們分別來講一下。

• Location

window.location一般是用來獲取或重定向當前窗口的頁面網址，即URL，經常使用的屬性有如下幾個：

1. location.href：獲取頁面網址，也就是地址欄上的地址；
2. location.hostname：獲取web主機域名，例如www.xxx.com；
3. location.port：獲取端口號；
4. location.pathname：獲取當前頁面的路徑和文件名；
5. location.protocol：返回當前頁面所使用的web協議（file、http、https等）。

• Navigator

window.navigator一般是用來獲取訪問者瀏覽器的相關信息，主要屬性以下：

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

• History

window.history一般用來獲取瀏覽器的瀏覽歷史，經常使用屬性主要以下：

1. history.forward()：瀏覽器歷史前進，與點擊瀏覽器前進按鈕同樣；
2. history.back()：瀏覽器歷史後退，與點擊瀏覽器後退按鈕同樣。

• 彈窗

在JavaScript中，能夠建立三種消息框：警告框、確認框、提示框。

警告框（alert）常常用於確保用戶能夠獲得某些信息。當警告框出現後，用戶須要點擊肯定按鈕才能繼續進行操做。

確認框一般用於驗證是否接受用戶操做。當確認卡彈出時，用戶能夠點擊 "確認" 或者 "取消" 來肯定用戶操做。當你點擊 "確認"，確認框返回 true， 若是點擊 "取消", 確認框返回 false。

提示框常常用於提示用戶在進入頁面前輸入某個值。當提示框出現後，用戶須要輸入某個值，而後點擊確認或取消按鈕才能繼續操縱。若是用戶點擊確認，那麼返回值爲輸入的值。若是用戶點擊取消，那麼返回值爲 null。

好了，這節課就講這麼多，咱們的JavaScript基礎課到這裏也就結束了，下一節課講什麼呢，等我好好想一想，你們想聽什麼入門課程，能夠給我留個言。

                                                                                                       

若是想跟着振丹繼續學習，能夠微信關注【振丹敲代碼】（微信號：JandenCoding）

新博文微信同步推送，還附有講解視頻哦~

也可直接掃描下方二維碼關注。