摘要:瀏覽器中的瀏覽器中的通常稱為客戶端的客戶端對(duì)象是所有客戶端特性和的主要接入點(diǎn)。瀏覽器不會(huì)執(zhí)行之間的代碼中的事件處理程序當(dāng)腳本所在的文件被載入的時(shí)候??梢赃_(dá)到延遲腳本的執(zhí)行,直到文檔載入和解析完成,才方可操作。
web瀏覽器中的JavaScript
web瀏覽器中的js通常稱為客戶端的JavaScript
window對(duì)象是所有客戶端JavaScript特性和api的主要接入點(diǎn)。
即,表示web瀏覽器一個(gè)窗口或窗體。使用標(biāo)識(shí)符window來完成引用。
window對(duì)象定義了一些屬性,用來指定當(dāng)前窗口的一些信息。通過該屬性的引用,可以獲取當(dāng)前窗口的信息
// web API 接口 獲取當(dāng)前頁(yè)面的信息,返回一個(gè)頁(yè)面信息的對(duì)象 window.location // 所有的必須小寫,為只讀屬性。
// 設(shè)置localtion屬性,完成跳轉(zhuǎn)到一個(gè)新的頁(yè)面,即使是原來的鏈接也會(huì)完成跳轉(zhuǎn) window.location = "https://www.google.com.hk";
注意,該屬性為只讀屬性,不可進(jìn)行修改,能進(jìn)行賦值操作,并不意味著能進(jìn)行修改。進(jìn)行賦值以后會(huì)完成頁(yè)面的跳轉(zhuǎn),而讓其達(dá)到被修改的目的。
方法window還定義了一些方法,alert()彈出對(duì)話框,以及setTimeout()注冊(cè)一個(gè)函數(shù),在給定的一段時(shí)間以后觸發(fā)回調(diào)
> setTimeout(() => {alert("hello word!");}, 2000); 2
返回值為一個(gè)定時(shí)器的編號(hào),該定時(shí)器和window.setInterval(重復(fù)調(diào)用一個(gè)函數(shù),或執(zhí)行一段代碼)共用一個(gè)編碼池。
該代碼,并沒有顯式的使用window屬性。但是依然隱式的使用了window屬性。因?yàn)閣indow為全局對(duì)象,即window對(duì)象處于作用域鏈的頂部,其屬性以及方法為全局變量和全局函數(shù)。在沒有直接說明的時(shí)候,自動(dòng)從作用域鏈往上尋找,直到window頂部。window對(duì)象有一個(gè)引用自身的屬性,即window,如果要引用其窗口本身,可以用window這個(gè)屬性。
即上方代碼和下方代碼等價(jià)
> window.setTimeout(() => {alert("hello word!");}, 2000); 2一個(gè)屬性document
該屬性引用Document對(duì)象,為window對(duì)象的一個(gè)屬性。該屬性有一些方法。該方法同時(shí)也為document屬性的一些方法(因?yàn)槭且藐P(guān)系)
例如
// 尋找 id = "timestamp" 的元素 > var timestamp = document.getElementById("timestamp"); undefined > timestamp;// 獲取腳本的內(nèi)容 > timestamp.firstChild #text "2222222" // 插入當(dāng)前時(shí)間 > timestamp.appendChild(document.createTextNode(new Date().toString())) html嵌入jshtml嵌入js有四種方法
內(nèi)聯(lián),放置在
標(biāo)簽對(duì)之間
放置在
Digital Clock