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

資訊專欄INFORMATION COLUMN

客戶端的js js腳本的引入 js的解析過程

李文鵬 / 1932人閱讀

摘要:瀏覽器中的瀏覽器中的通常稱為客戶端的客戶端對(duì)象是所有客戶端特性和的主要接入點(diǎn)。瀏覽器不會(huì)執(zhí)行之間的代碼中的事件處理程序當(dāng)腳本所在的文件被載入的時(shí)候??梢赃_(dá)到延遲腳本的執(zhí)行,直到文檔載入和解析完成,才方可操作。

web瀏覽器中的JavaScript
web瀏覽器中的js通常稱為客戶端的JavaScript

客戶端 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嵌入js

html嵌入js有四種方法

內(nèi)聯(lián),放置在


標(biāo)簽對(duì)之間

放置在

    


    

Digital Clock

外部文件中腳本

使用


的src屬性進(jìn)行引用
可以在標(biāo)簽內(nèi)部加上版權(quán)以及配置


定義了一個(gè)配置項(xiàng),由core.js讀取。將頁(yè)面的參數(shù)傳入庫(kù)的一種手法。在


之間的代碼是純文本。在core.js執(zhí)行的時(shí)候讀取這段文本,然后動(dòng)態(tài)執(zhí)行一次。瀏覽器不會(huì)執(zhí)行之間的代碼

html中的事件處理程序

當(dāng)腳本所在的html文件被載入的時(shí)候。腳本里的js會(huì)執(zhí)行一次。為了可交互,js會(huì)定義事件處理程序即web瀏覽器先注冊(cè)函數(shù),并在之后調(diào)用其作為事件的響應(yīng)。其中事件處理程序的屬性可以包含任意條js語(yǔ)句。相互之間用逗號(hào)分隔。該語(yǔ)句會(huì)成為一個(gè)函數(shù)體,然后這個(gè)函數(shù)體成為對(duì)應(yīng)事件處理程序?qū)傩缘闹怠?/p> url中的js

應(yīng)用用途 書簽
通過協(xié)議類型指定url內(nèi)容為任意字符串,該字符串是會(huì)被js解釋器運(yùn)行的js代碼,其會(huì)被當(dāng)成多帶帶的一行代碼實(shí)現(xiàn)。即語(yǔ)句之間必須使用分號(hào)作為分割。
即,書簽的實(shí)現(xiàn)。如果書簽是javascript:url,那么將會(huì)保存一小段腳本。該腳本是一個(gè)小型程序,即可以在瀏覽器菜單或工具欄里啟動(dòng)。該代碼執(zhí)行會(huì)像頁(yè)面上的腳本一樣,查詢和設(shè)置文檔的內(nèi)容,呈現(xiàn)和行為(不能有返回值,會(huì)重新促使瀏覽器渲染)即通過書簽,操作文檔,將文檔替換成為新的內(nèi)容

js程序的執(zhí)行

這些代碼都會(huì)功用同一個(gè)全局window對(duì)象。即都能共享全局函數(shù)和全局變量的集合。即一個(gè)頁(yè)面中js都會(huì)在執(zhí)行后對(duì)所有的全局變量和函數(shù)都可見。
如果使用的窗體,