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