資訊專欄INFORMATION COLUMN
摘要：學(xué)前端要學(xué)學(xué)習(xí)要學(xué)我們現(xiàn)在來學(xué)習(xí)是瀏覽器對象模型窗口導(dǎo)航窗口對象是中的頂級對象，所有定義在全局作用域中的變量函數(shù)都會變成對象的屬性和方法，在調(diào)用的時候可以省略。我們在控制臺打印，控制臺會輸出很多屬性，事實(shí)上，，，，，這幾個屬性也是下的屬性。
BOM 學(xué)前端要學(xué)css html javascript 學(xué)習(xí)javascript要學(xué) ecmascript(es3,es5,es6,es7) dom bom 我們現(xiàn)在來學(xué)習(xí)BOM
BOM是瀏覽器對象模型(Browser Object Model)
window(窗口)
navigator(導(dǎo)航)
location
screen
history
document
window對象是js中的頂級對象，所有定義在全局作用域中的變量、函數(shù)都會變成window對象的屬性和方法，在調(diào)用的時候可以省略window。我們在控制臺打印 console.log(windows) ，控制臺會輸出很多屬性，事實(shí)上，navigator ， location ， screen ， history ， document 這幾個屬性也是 window 下的屬性。
1.打開與關(guān)閉
打開 window.open(url,type) //type _self(當(dāng)前窗口打開) _blank(默認(rèn) 新窗口打開)
關(guān)閉 window.close() 關(guān)閉窗口 (它只能關(guān)閉程序打開的窗口直接在地址欄輸入地址打開的頁面不適用。)
2.系統(tǒng)對話框
alert() （系統(tǒng)彈窗）
confirm() （確認(rèn)，取消彈窗）
prompt() （輸入彈窗）
3.定時器
setInterval clearInterval 間隔一段時間執(zhí)行一次代碼
setTimeout clearTimeout 到指定一段時間后執(zhí)行一次代碼
navigator(導(dǎo)航)
包含大量有關(guān)Web瀏覽器的信息，在檢測瀏覽器及操作系統(tǒng)上非常有用
navigator.userAgent(用來描述瀏覽器的一些版本信息，可以做瀏覽器的嗅探)
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(地址)
屬性:
hostname 主機(jī)名(域名)
href（網(wǎng)址）
pathname 具體文件路徑
hash 哈希("#"開始的文字)
方法：
reload 重新加載當(dāng)前頁面(刷新)
location對象：表示載入窗口的URL，也可用window.location引用它 location.href //當(dāng)前載入頁面的完整URL location.host //服務(wù)器的名字 location.pathname //URL中主機(jī)名后的部分，如/pictures/index.htm location.hash //如果URL包含#，返回該符號之后的內(nèi)容，如#anchor1 location.reload(true | false); //重新載入當(dāng)前頁面，為false時從瀏覽器緩存中重載，為true時從服務(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(history api)： pushState(a,b,c)//a:數(shù)據(jù) c:地址欄 window.onpopstatedocument 文檔
document.write() //動態(tài)向頁面寫入內(nèi)容
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84843.html
摘要：基礎(chǔ)鞏固基礎(chǔ)總結(jié)使用已經(jīng)好幾年了，由于工作主要是做服務(wù)端開發(fā)，在工作中逐漸發(fā)現(xiàn)的使用范圍原來越廣泛。這里要注意，務(wù)必將基礎(chǔ)部分掌握牢靠，磨刀不誤砍柴功，只有將基礎(chǔ)部分掌握并建立起系統(tǒng)的知識體系，在后面學(xué)習(xí)衍生的其他模式才能游刃有余。 基礎(chǔ)鞏固：JavaScript基礎(chǔ)總結(jié) 使用JavaScript已經(jīng)好幾年了，由于工作主要是做服務(wù)端開發(fā)，在工作中逐漸發(fā)現(xiàn)JavaScript的使用范圍原...
摘要：中主要關(guān)注的就是，對象的主要功能就是處理網(wǎng)頁內(nèi)容。中文翻譯模型，如果你把這個詞從中抽離出來，看下面的圖片是不是就很好理解。年月制定的標(biāo)準(zhǔn)，由兩大部分組成核心和。擴(kuò)展鼠標(biāo)和用戶界面事件范圍遍歷，增加了對支持。 往期回顧 在上一期的《JavaScript的組成 | 核心-ECMAScript 》?里，我們有說到JavaScript 是由三大部分組成，分別是：核心ECMAScript、文檔對...
摘要：有級級級共個級別。事件類型事件類型鼠標(biāo)事件鍵盤事件事件事件處理器執(zhí)行代碼的程序在事件發(fā)生時會對事件做出響應(yīng)。在標(biāo)簽中使用事件處理器的語法是標(biāo)簽事件處理器代碼事件處理程序事件就是用戶或瀏覽器自身執(zhí)行的某種動作。 DOM介紹 D（文檔）可以理解為整個Web加載的網(wǎng)頁文檔，O（對象）可以理解為類似window對象只來的東西，可以調(diào)用屬性和方法，這里我們說的是document對象，M（模型）可...
摘要：所有我們不熟悉或者沒有掌握的知識皆可稱之為知識盲區(qū)，有知識盲區(qū)并不可怕，針對知識盲區(qū)去學(xué)習(xí)即可。只有這樣，我們才會準(zhǔn)確知道自己的知識盲區(qū)所處何處，以及發(fā)現(xiàn)更多的知識盲區(qū)。節(jié)點(diǎn)對應(yīng)的對象是，其他的具體節(jié)點(diǎn)對象全都是繼承自對象。 前端時間在部門內(nèi)進(jìn)行分享，準(zhǔn)備素材時偶然發(fā)現(xiàn)下面的一個現(xiàn)象，因為和當(dāng)時分享的主題無關(guān)，就先記下來了，事后重新審視，并把一些思考記錄如下： 一、問題 HTML： ...
閱讀 893·2019-08-30 15:54
閱讀 467·2019-08-30 12:51
閱讀 2062·2019-08-29 16:28
閱讀 2870·2019-08-29 16:10
閱讀 2363·2019-08-29 14:21
閱讀 439·2019-08-29 14:09
閱讀 2161·2019-08-23 16:13
閱讀 1261·2019-08-23 13:59
