成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

聊聊BOM的那些事

widuu / 2032人閱讀

摘要：如果省略該參數(shù)，取默認(rèn)值該方法的返回值是一個正整數(shù)，表示定時器的編號。

BOM

BOM的全稱是Browser Object Model，被譯為瀏覽器對象模型
BOM提供了獨立于HTML頁面內(nèi)容，而與瀏覽器相關(guān)的一系列對象，主要被用于管理瀏覽器窗口及與瀏覽器窗口之間通信等功能
BOM由一系列對象構(gòu)成，這些對象可以簡單理解為是由各個瀏覽器所提供的

Window對象

BOM中最核心的對象就是Window對象，該對象表示運行HTML頁面的瀏覽器窗口
在瀏覽器環(huán)境中，Window對象具有雙重角色，該對象既是允許JavaScript邏輯訪問瀏覽器窗口的一個對象，又是ECMAScript規(guī)范中的Global全局對象
在瀏覽器環(huán)境中運行JavaScript邏輯時，在全局作用域中定義的對象、變量和函數(shù)都是Window對象的屬性和方法
也可以通過Window對象訪問Global全局對象的屬性和方法。

全局作用域

在瀏覽器環(huán)境中，由于ECMAScript規(guī)范中Window對象代表了Global全局對象，因此所有定義在全局作用域中的變量和函數(shù)，都可以通過Window對象的屬性和方法方式訪問

var name="前端";
function fun(){
    console.log("this is function");
}
//window對象的屬性和方法方式訪問
console.log(window.name);
window.fun();
Window對象的屬性

Window對象的屬性數(shù)量較多，包含了瀏覽器窗口的基本信息、也包含了一些復(fù)雜的信息?？梢匀藶閷indow對象分為以下三類：
1.BOM中其他對象，例如Navigator對象等
2.一些有關(guān)瀏覽器窗口的基本信息等，這些屬性多屬于DOM 0級別，并不是W3C標(biāo)準(zhǔn)規(guī)范
3.包含了大量有關(guān)HTML5版本新增的功能等

瀏覽器窗口的寬度和高度

Window對象提供的屬性中可以獲取當(dāng)前瀏覽器窗口的寬度和高度

innerWidth和innerHeight屬性：只讀屬性，返回當(dāng)前瀏覽器窗口的可視寬度和高度，如果存在滾動條，也包含滾動條

outterWidth和outterHeight屬性：

Window對象與self屬性

Window對象的self屬性返回當(dāng)前瀏覽器窗口的只讀屬性，self屬性返回的是Window對象的引用

console.log(window==window.self);
Window對象的方法

Window對象的方法

系統(tǒng)提示框：alert()方法、confirm()方法和prompt()方法

打開與關(guān)閉窗口：open()與close()方法、showModalDialog()

DOM規(guī)范標(biāo)準(zhǔn)0級別的一些方法

定時器：setTimeout()與clearTimeout()、setInterval()與clearInterval()

Navigator對象

Navigator對象包含了一些有關(guān)瀏覽器狀態(tài)的信息?？梢酝ㄟ^window.navigator屬性得到Navigator對象
Navigator對象提供一系列常用屬性，獲取當(dāng)前瀏覽器的信息

appCodeName：瀏覽器的代碼名

appName：瀏覽器的名稱

appVersion：瀏覽器的平臺和版本信息

platform：運行瀏覽器的操作系統(tǒng)平臺

userAgent屬性

Navigator對象的userAgent屬性返回由客戶機發(fā)送服務(wù)器的user-agent頭部的值，userAgent屬性是一個只讀的字符串，聲明了瀏覽器用于HTTP請求的用戶代理頭的值
通過userAgent屬性獲取用戶當(dāng)前使用的瀏覽器產(chǎn)品，提供瀏覽器兼容解決方案
通過userAgent屬性獲取用戶當(dāng)前使用的操作系統(tǒng)信息

History對象

History對象包含用戶在瀏覽器中訪問過的URL(網(wǎng)址)

length屬性：History對象的length屬性可以獲取用戶在瀏覽器中訪問網(wǎng)址的數(shù)量

console.log("用戶訪問的網(wǎng)址數(shù)量為："+history.length);

History對象還提供了以下方法實現(xiàn)瀏覽器前進(jìn)和后退功能

forward()：實現(xiàn)跳轉(zhuǎn)下一個頁面，作用和瀏覽器的前進(jìn)按鈕一樣
back()：實現(xiàn)跳轉(zhuǎn)上一個頁面，作用和瀏覽器的回退按鈕一樣
go()：實現(xiàn)跳轉(zhuǎn)到指定的頁面，如果為負(fù)數(shù)表示后退，如果為正數(shù)表示前進(jìn)

Location對象

Location對象包含了瀏覽器的地址欄中的信息，該對象主要用于獲取和設(shè)置地址
Location對象很特別，因為該對象既是Window對象的屬性，又是Document對象的屬性

console.log(window.location==document.location);//true
Location對象的屬性

Location對象不僅存儲了地址欄中的信息，還提供了解析功能，可以通過不同的Location對象的屬性訪問不同的地址欄中的信息

host：返回服務(wù)器名稱和端口號

hostname：返回服務(wù)器名稱

href：返回當(dāng)前加載頁面的完整URL

pathname：返回當(dāng)前URL中的目錄和文件名

port：返回當(dāng)前URL中的端口號

protocol：返回頁面使用的網(wǎng)絡(luò)協(xié)議

Location對象的方法

assign()：載入一個新的文檔，作用和直接修改Location相同

reload()：重新載入當(dāng)前文檔，作用和刷新按鈕一樣，參數(shù)為true時，則會強制清空緩存刷新頁面

replace()：用新的文檔替換當(dāng)前文檔(不會生成歷史記錄，不能使用回退按鈕回退)

定時器

定時器的具體方法由Window對象提供

延遲執(zhí)行：指的是指定程序代碼在指定時間后被執(zhí)行，而不是立即被執(zhí)行

setTimeout()方法設(shè)置一個定時器，該定時器在定時器到期后執(zhí)行一個函數(shù)或指定的一段代碼

var timeoutID=scope.setTimeout(function,delay);
function:要調(diào)用的函數(shù)或要執(zhí)行的代碼
delay:延遲的毫秒數(shù)(一秒等于1000毫秒)，函數(shù)的調(diào)用會在該延遲之后發(fā)生。如果省略該參數(shù)，delay取默認(rèn)值0

該方法的返回值timeoutID是一個正整數(shù)，表示定時器的編號。這個值可以傳遞給clearTimeout()來取消該定時

周期執(zhí)行：指的是指定程序代碼在指定時間為間隔，重復(fù)被執(zhí)行

setInterval()方法重復(fù)調(diào)用一個函數(shù)或執(zhí)行一個代碼段，在每次調(diào)用之間具有固定的時間延遲

var timeoutID=scope.setInterval(function,delay);

function:要調(diào)用的函數(shù)或要執(zhí)行的代碼
delay:延遲的毫秒數(shù)(一秒等于1000毫秒)，函數(shù)的調(diào)用會在該延遲之后發(fā)生，如果省略該參數(shù)，delay取默認(rèn)值0
該方法的返回值timeoutID是一個正整數(shù)，表示定時器的編號，這個值可以傳遞給clearInterval()來取消該定時

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/97492.html

相關(guān)文章

  • 在 RustCon Asia 開啟之前，聊聊 Rust 中國社區(qū)那些事

    摘要：而在最新出爐的開發(fā)者調(diào)查中，連續(xù)年成為最受開發(fā)者喜愛的編程語言。在杭州的冬季，這一次直播，再次點燃了中國社區(qū)。的到來月日，在中國北京，秘猿科技和將攜手開啟中國首屆社區(qū)大會。 亞洲首屆 RustCon Asia 將在 4 月 20 日于北京開啟（也就是下周六啦~），大會為期?4?天，包括?20?日全天和?21?日上午的主題演講以及?22-23?日的多個主題?workshop?環(huán)節(jié)。隨著大...

    xiangzhihong 評論0 收藏0

  • 字符編碼的那些事

    摘要：字符編碼的那些事前言之前看到中對擴展了不少新特性，字符串操作更加友好，比如，，。其中涉及到不少字符編碼的知識，為了更好理解這些新特性，本文對字符編碼相關(guān)知識做一個較全面的梳理和總結(jié)。 字符編碼的那些事 前言 之前看到ES6中對String擴展了不少新特性，字符串操作更加友好，比如u{1f914}，codePointAt()，String.fromCodePoint()。其中涉及到不少字...

    shadajin 評論0 收藏0

  • 字符編碼的那些事

    摘要：字符編碼的那些事前言之前看到中對擴展了不少新特性，字符串操作更加友好，比如，，。其中涉及到不少字符編碼的知識，為了更好理解這些新特性，本文對字符編碼相關(guān)知識做一個較全面的梳理和總結(jié)。 字符編碼的那些事 前言 之前看到ES6中對String擴展了不少新特性，字符串操作更加友好，比如u{1f914}，codePointAt()，String.fromCodePoint()。其中涉及到不少字...

    kviccn 評論0 收藏0

  • 聊聊Ajax那些事

    摘要：年初，許多事件使得被大眾所接受。這使得應(yīng)用程序更為迅捷地響應(yīng)用戶交互，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變的信息，減少用戶等待時間，帶來非常好的用戶體驗。調(diào)用方法后立即觸發(fā)，若未被調(diào)用則不會觸發(fā)此事件。 了解Ajax的起源、概念及特點 起源 該技術(shù)在1998年前后得到了應(yīng)用。允許客戶端腳本發(fā)送HTTP請求（XMLHTTP）的第一個組件由Outlook Web Access小組寫成。該組...

    v1 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<