摘要:如果省略該參數(shù),取默認(rèn)值該方法的返回值是一個(gè)正整數(shù),表示定時(shí)器的編號(hào)。
BOM
BOM的全稱是Browser Object Model,被譯為瀏覽器對(duì)象模型
BOM提供了獨(dú)立于HTML頁(yè)面內(nèi)容,而與瀏覽器相關(guān)的一系列對(duì)象,主要被用于管理瀏覽器窗口及與瀏覽器窗口之間通信等功能
BOM由一系列對(duì)象構(gòu)成,這些對(duì)象可以簡(jiǎn)單理解為是由各個(gè)瀏覽器所提供的
BOM中最核心的對(duì)象就是Window對(duì)象,該對(duì)象表示運(yùn)行HTML頁(yè)面的瀏覽器窗口
在瀏覽器環(huán)境中,Window對(duì)象具有雙重角色,該對(duì)象既是允許JavaScript邏輯訪問瀏覽器窗口的一個(gè)對(duì)象,又是ECMAScript規(guī)范中的Global全局對(duì)象
在瀏覽器環(huán)境中運(yùn)行JavaScript邏輯時(shí),在全局作用域中定義的對(duì)象、變量和函數(shù)都是Window對(duì)象的屬性和方法
也可以通過Window對(duì)象訪問Global全局對(duì)象的屬性和方法。
在瀏覽器環(huán)境中,由于ECMAScript規(guī)范中Window對(duì)象代表了Global全局對(duì)象,因此所有定義在全局作用域中的變量和函數(shù),都可以通過Window對(duì)象的屬性和方法方式訪問
var name="前端"; function fun(){ console.log("this is function"); } //window對(duì)象的屬性和方法方式訪問 console.log(window.name); window.fun();Window對(duì)象的屬性
Window對(duì)象的屬性數(shù)量較多,包含了瀏覽器窗口的基本信息、也包含了一些復(fù)雜的信息。可以人為將Window對(duì)象分為以下三類:
1.BOM中其他對(duì)象,例如Navigator對(duì)象等
2.一些有關(guān)瀏覽器窗口的基本信息等,這些屬性多屬于DOM 0級(jí)別,并不是W3C標(biāo)準(zhǔn)規(guī)范
3.包含了大量有關(guān)HTML5版本新增的功能等
Window對(duì)象提供的屬性中可以獲取當(dāng)前瀏覽器窗口的寬度和高度
innerWidth和innerHeight屬性:只讀屬性,返回當(dāng)前瀏覽器窗口的可視寬度和高度,如果存在滾動(dòng)條,也包含滾動(dòng)條
outterWidth和outterHeight屬性:
Window對(duì)象與self屬性Window對(duì)象的self屬性返回當(dāng)前瀏覽器窗口的只讀屬性,self屬性返回的是Window對(duì)象的引用
console.log(window==window.self);Window對(duì)象的方法
Window對(duì)象的方法
系統(tǒng)提示框:alert()方法、confirm()方法和prompt()方法
打開與關(guān)閉窗口:open()與close()方法、showModalDialog()
DOM規(guī)范標(biāo)準(zhǔn)0級(jí)別的一些方法
定時(shí)器:setTimeout()與clearTimeout()、setInterval()與clearInterval()
Navigator對(duì)象Navigator對(duì)象包含了一些有關(guān)瀏覽器狀態(tài)的信息??梢酝ㄟ^window.navigator屬性得到Navigator對(duì)象
Navigator對(duì)象提供一系列常用屬性,獲取當(dāng)前瀏覽器的信息
appCodeName:瀏覽器的代碼名
appName:瀏覽器的名稱
appVersion:瀏覽器的平臺(tái)和版本信息
platform:運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)
userAgent屬性Navigator對(duì)象的userAgent屬性返回由客戶機(jī)發(fā)送服務(wù)器的user-agent頭部的值,userAgent屬性是一個(gè)只讀的字符串,聲明了瀏覽器用于HTTP請(qǐng)求的用戶代理頭的值
通過userAgent屬性獲取用戶當(dāng)前使用的瀏覽器產(chǎn)品,提供瀏覽器兼容解決方案
通過userAgent屬性獲取用戶當(dāng)前使用的操作系統(tǒng)信息
History對(duì)象包含用戶在瀏覽器中訪問過的URL(網(wǎng)址)
length屬性:History對(duì)象的length屬性可以獲取用戶在瀏覽器中訪問網(wǎng)址的數(shù)量
console.log("用戶訪問的網(wǎng)址數(shù)量為:"+history.length);
History對(duì)象還提供了以下方法實(shí)現(xiàn)瀏覽器前進(jìn)和后退功能
forward():實(shí)現(xiàn)跳轉(zhuǎn)下一個(gè)頁(yè)面,作用和瀏覽器的前進(jìn)按鈕一樣
back():實(shí)現(xiàn)跳轉(zhuǎn)上一個(gè)頁(yè)面,作用和瀏覽器的回退按鈕一樣
go():實(shí)現(xiàn)跳轉(zhuǎn)到指定的頁(yè)面,如果為負(fù)數(shù)表示后退,如果為正數(shù)表示前進(jìn)
Location對(duì)象包含了瀏覽器的地址欄中的信息,該對(duì)象主要用于獲取和設(shè)置地址
Location對(duì)象很特別,因?yàn)樵搶?duì)象既是Window對(duì)象的屬性,又是Document對(duì)象的屬性
console.log(window.location==document.location);//trueLocation對(duì)象的屬性
Location對(duì)象不僅存儲(chǔ)了地址欄中的信息,還提供了解析功能,可以通過不同的Location對(duì)象的屬性訪問不同的地址欄中的信息
host:返回服務(wù)器名稱和端口號(hào)
hostname:返回服務(wù)器名稱
href:返回當(dāng)前加載頁(yè)面的完整URL
pathname:返回當(dāng)前URL中的目錄和文件名
port:返回當(dāng)前URL中的端口號(hào)
protocol:返回頁(yè)面使用的網(wǎng)絡(luò)協(xié)議
Location對(duì)象的方法assign():載入一個(gè)新的文檔,作用和直接修改Location相同
reload():重新載入當(dāng)前文檔,作用和刷新按鈕一樣,參數(shù)為true時(shí),則會(huì)強(qiáng)制清空緩存刷新頁(yè)面
replace():用新的文檔替換當(dāng)前文檔(不會(huì)生成歷史記錄,不能使用回退按鈕回退)
定時(shí)器定時(shí)器的具體方法由Window對(duì)象提供
延遲執(zhí)行:指的是指定程序代碼在指定時(shí)間后被執(zhí)行,而不是立即被執(zhí)行
setTimeout()方法設(shè)置一個(gè)定時(shí)器,該定時(shí)器在定時(shí)器到期后執(zhí)行一個(gè)函數(shù)或指定的一段代碼
var timeoutID=scope.setTimeout(function,delay); function:要調(diào)用的函數(shù)或要執(zhí)行的代碼 delay:延遲的毫秒數(shù)(一秒等于1000毫秒),函數(shù)的調(diào)用會(huì)在該延遲之后發(fā)生。如果省略該參數(shù),delay取默認(rèn)值0
該方法的返回值timeoutID是一個(gè)正整數(shù),表示定時(shí)器的編號(hào)。這個(gè)值可以傳遞給clearTimeout()來取消該定時(shí)
周期執(zhí)行:指的是指定程序代碼在指定時(shí)間為間隔,重復(fù)被執(zhí)行
setInterval()方法重復(fù)調(diào)用一個(gè)函數(shù)或執(zhí)行一個(gè)代碼段,在每次調(diào)用之間具有固定的時(shí)間延遲
var timeoutID=scope.setInterval(function,delay);
function:要調(diào)用的函數(shù)或要執(zhí)行的代碼
delay:延遲的毫秒數(shù)(一秒等于1000毫秒),函數(shù)的調(diào)用會(huì)在該延遲之后發(fā)生,如果省略該參數(shù),delay取默認(rèn)值0
該方法的返回值timeoutID是一個(gè)正整數(shù),表示定時(shí)器的編號(hào),這個(gè)值可以傳遞給clearInterval()來取消該定時(shí)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/97492.html
摘要:而在最新出爐的開發(fā)者調(diào)查中,連續(xù)年成為最受開發(fā)者喜愛的編程語(yǔ)言。在杭州的冬季,這一次直播,再次點(diǎn)燃了中國(guó)社區(qū)。的到來月日,在中國(guó)北京,秘猿科技和將攜手開啟中國(guó)首屆社區(qū)大會(huì)。 亞洲首屆 RustCon Asia 將在 4 月 20 日于北京開啟(也就是下周六啦~),大會(huì)為期?4?天,包括?20?日全天和?21?日上午的主題演講以及?22-23?日的多個(gè)主題?workshop?環(huán)節(jié)。隨著大...
摘要:年初,許多事件使得被大眾所接受。這使得應(yīng)用程序更為迅捷地響應(yīng)用戶交互,并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變的信息,減少用戶等待時(shí)間,帶來非常好的用戶體驗(yàn)。調(diào)用方法后立即觸發(fā),若未被調(diào)用則不會(huì)觸發(fā)此事件。 了解Ajax的起源、概念及特點(diǎn) 起源 該技術(shù)在1998年前后得到了應(yīng)用。允許客戶端腳本發(fā)送HTTP請(qǐng)求(XMLHTTP)的第一個(gè)組件由Outlook Web Access小組寫成。該組...
閱讀 3631·2021-11-24 09:39
閱讀 2570·2021-11-15 11:37
閱讀 2226·2021-11-11 16:55
閱讀 5272·2021-10-14 09:43
閱讀 3717·2021-10-08 10:05
閱讀 3025·2021-09-13 10:26
閱讀 2340·2021-09-08 09:35
閱讀 3549·2019-08-30 15:55