成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

簡簡單單認(rèn)識(shí)js里的Bom對(duì)象

CoffeX / 1922人閱讀

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

js里面的Bom對(duì)象

Bom是什么？ 
Bom是瀏覽器對(duì)象，全拼為Browser Object Model
Bom都有什么？

window

navigator

location

screen

history

document

window

window對(duì)象是js中的頂級(jí)對(duì)象，所有定義在全局作用域中的變量、函數(shù)都會(huì)變成window對(duì)象的屬性和方法，在調(diào)用的時(shí)候可以省略window。

例：

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

定時(shí)器   setIiterval      clearInterval 
        setTimeout       clearTimeout

系統(tǒng)對(duì)話框
alert()    // 系統(tǒng)彈窗
confirm()  // 確認(rèn)、取消彈窗
prompt()   // 輸入彈窗
navigator

navigator對(duì)象：包含大量有關(guān)Web瀏覽器的信息，在檢測(cè)瀏覽器及操作系統(tǒng)上非常有用

window.navigator.appCodeName //瀏覽器代碼名
window.navigator.appName //瀏覽器步伐名
window.navigator.appMinorVersion //瀏覽器補(bǔ)釘版本
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對(duì)象：表示載入窗口的URL，也可用window.location引用它
location.href //當(dāng)前載入頁面的完整URL
location.host //服務(wù)器的名字
location.pathname //URL中主機(jī)名后的部分，如/pictures/index.htm
location.hash //如果URL包含#，返回該符號(hào)之后的內(nèi)容，如#anchor1
location.reload(true | false); //重新載入當(dāng)前頁面，為false時(shí)從瀏覽器緩存中重載，為true時(shí)從服務(wù)器端重載，默認(rèn)為false
document.location.reload(URL) //打開新的網(wǎng)頁
screen 
window.screen.width //屏幕寬度
window.screen.height //屏幕高度
window.screen.availWidth //可用寬度(除去任務(wù)欄的高度)
window.screen.availHeight //可用高度(除去任務(wù)欄的高度)
history 
history.back() //在瀏覽歷史里后退一步
history.forward() //在瀏覽歷史里前進(jìn)一步
history.go(i) //到汗青詳細(xì)登記單的第i位

h5里的history：
pushState(a,b,c)//a:數(shù)據(jù) c:地址欄
window.onpopstate
document 
document.write() //動(dòng)態(tài)向頁面寫入內(nèi)容

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84826.html

相關(guān)文章

  • 簡簡單單認(rèn)識(shí)call,apply,bind方法

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

    MSchumi 評(píng)論0 收藏0

  • 【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門

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

    madthumb 評(píng)論0 收藏0

  • 前端面試（知識(shí)點(diǎn)）整理（一）

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

    zhichangterry 評(píng)論0 收藏0

  • 前端面試（知識(shí)點(diǎn)）整理（一）

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

    Songlcy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<