簡簡單單認識js里的Bom對象

CoffeX 發布于2019-08-20 18:53 / 1915人閱讀

摘要：里面的對象是什么是瀏覽器對象，全拼為都有什么對象是中的頂級對象，所有定義在全局作用域中的變量函數都會變成對象的屬性和方法，在調用的時候可以省略。

js里面的Bom對象

Bom是什么？

Bom是瀏覽器對象，全拼為Browser Object Model

Bom都有什么？

window

navigator

location

screen

history

document

window

window對象是js中的頂級對象，所有定義在全局作用域中的變量、函數都會變成window對象的屬性和方法，在調用的時候可以省略window。

例：

打開窗口：window.open(url,target,param);
    // url    要打開的地址
    // target 新窗口的位置     _blank(默認)  _self 
    // param  新窗口的一些設置
    // 返回值，新窗口的句柄
關閉窗口：window.close();

定時器   setIiterval      clearInterval 
        setTimeout       clearTimeout

系統對話框
alert()    // 系統彈窗
confirm()  // 確認、取消彈窗
prompt()   // 輸入彈窗

navigator

navigator對象：包含大量有關Web瀏覽器的信息，在檢測瀏覽器及操作系統上非常有用

window.navigator.appCodeName //瀏覽器代碼名
window.navigator.appName //瀏覽器步伐名
window.navigator.appMinorVersion //瀏覽器補釘版本
window.navigator.cpuClass //cpu類型x86
window.navigator.platform //操作體系類型win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage //客戶體系語言zh-cn簡體中文
window.navigator.userLanguage //用戶語言,同上
window.navigator.appVersion //瀏覽器版本(包括 體系版本)
window.navigator.userAgent//用戶代理頭的字符串表示
window.navigator.onLine //用戶否在線
window.navigator.cookieEnabled //瀏覽器是否撐持cookie
window.navigator.mimeTypes

location

location對象：表示載入窗口的URL，也可用window.location引用它
location.href //當前載入頁面的完整URL
location.host //服務器的名字
location.pathname //URL中主機名后的部分，如/pictures/index.htm
location.hash //如果URL包含#，返回該符號之后的內容，如#anchor1
location.reload(true | false); //重新載入當前頁面，為false時從瀏覽器緩存中重載，為true時從服務器端重載，默認為false
document.location.reload(URL) //打開新的網頁

screen

window.screen.width //屏幕寬度
window.screen.height //屏幕高度
window.screen.availWidth //可用寬度(除去任務欄的高度)
window.screen.availHeight //可用高度(除去任務欄的高度)

history

history.back() //在瀏覽歷史里后退一步
history.forward() //在瀏覽歷史里前進一步
history.go(i) //到汗青詳細登記單的第i位

h5里的history：
pushState(a,b,c)//a:數據 c:地址欄
window.onpopstate

document

document.write() //動態向頁面寫入內容

GPU云服務器云服務器表單單選框 js里的標簽 js里的命名空間 web里的js地圖

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84826.html

簡簡單單認識call,apply,bind方法

摘要：里面的方法利用里面的函數輸出方法輸出代表的是對象，為全局變量，全局變量實際上是對象的一個屬性。而以方法調用時，值為我們傳進去的對象。方法方法實際上是與方法用法相同，只不過方法傳進去的參數是以數組形式例如其他與并沒有區別。 js里面的call apply bind 方法利用js里面的function函數 function example(a,b){ consol...

MSchumi 2019-08-21 12:01 評論0 收藏0
【連載】前端個人文章整理-從基礎到入門

摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現在已經一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現將已經寫好的文章整理一個目錄，方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理從最開始萌生寫文章的想法，到著手...

madthumb 2019-08-23 14:15 評論0 收藏0
前端面試（知識點）整理（一）

摘要：接受個參數事件類型，是否冒泡，是否阻止瀏覽器的默認行為觸發上綁定的自定義事件觸發元素上綁定事件事件的委托代理的原理以及優缺點。委托代理事件是那些被綁定到父級元素的事件，但是只有當滿足一定匹配條件時才會被挪。一、頁面布局 1.問題：假設高度已知，請寫出三欄布局，其中左欄、右欄寬度各為300px，中間自適應。解決方案一：使用浮動布局` Document ...

zhichangterry 2019-08-22 11:06 評論0 收藏0
前端面試（知識點）整理（一）

摘要：接受個參數事件類型，是否冒泡，是否阻止瀏覽器的默認行為觸發上綁定的自定義事件觸發元素上綁定事件事件的委托代理的原理以及優缺點。委托代理事件是那些被綁定到父級元素的事件，但是只有當滿足一定匹配條件時才會被挪。一、頁面布局 1.問題：假設高度已知，請寫出三欄布局，其中左欄、右欄寬度各為300px，中間自適應。解決方案一：使用浮動布局` Document ...

Songlcy 2019-08-01 17:36 評論0 收藏0