亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

李文鵬 / 1931人閱讀

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

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

客戶端 JavaScript

window對象是所有客戶端JavaScript特性和api的主要接入點(diǎn)。
即,表示web瀏覽器一個(gè)窗口或窗體。使用標(biāo)識符window來完成引用。

屬性

window對象定義了一些屬性,用來指定當(dāng)前窗口的一些信息。通過該屬性的引用,可以獲取當(dāng)前窗口的信息

// web API 接口 獲取當(dāng)前頁面的信息,返回一個(gè)頁面信息的對象
window.location
// 所有的必須小寫,為只讀屬性。
// 設(shè)置localtion屬性,完成跳轉(zhuǎn)到一個(gè)新的頁面,即使是原來的鏈接也會完成跳轉(zhuǎn)
window.location = "https://www.google.com.hk";

注意,該屬性為只讀屬性,不可進(jìn)行修改,能進(jìn)行賦值操作,并不意味著能進(jìn)行修改。進(jìn)行賦值以后會完成頁面的跳轉(zhuǎn),而讓其達(dá)到被修改的目的。

方法

window還定義了一些方法,alert()彈出對話框,以及setTimeout()注冊一個(gè)函數(shù),在給定的一段時(shí)間以后觸發(fā)回調(diào)

> setTimeout(() => {alert("hello word!");}, 2000);
2

返回值為一個(gè)定時(shí)器的編號,該定時(shí)器和window.setInterval(重復(fù)調(diào)用一個(gè)函數(shù),或執(zhí)行一段代碼)共用一個(gè)編碼池。
該代碼,并沒有顯式的使用window屬性。但是依然隱式的使用了window屬性。因?yàn)閣indow為全局對象,即window對象處于作用域鏈的頂部,其屬性以及方法為全局變量和全局函數(shù)。在沒有直接說明的時(shí)候,自動從作用域鏈往上尋找,直到window頂部。window對象有一個(gè)引用自身的屬性,即window,如果要引用其窗口本身,可以用window這個(gè)屬性。
即上方代碼和下方代碼等價(jià)

> window.setTimeout(() => {alert("hello word!");}, 2000);
2
一個(gè)屬性document

該屬性引用Document對象,為window對象的一個(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)簽對之間

放置在


    


    

Digital Clock

外部文件中腳本

使用

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

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

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

html中的事件處理程序

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

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

js程序的執(zhí)行

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