摘要:表示要執行外部文件的路徑或鏈接。由于規范要求腳本按照他們出現的先后順序執行,因此第一個延遲腳本會優先于第二個執行,二這兩個腳本會優先于事件執行。無論使用任何方式,只要不存在和屬性,瀏覽器都會按照元素在頁面中出現的先后順序依次解析。
元素屬性
屬性 | 定義 |
---|---|
async | 【可選】??梢援惒郊虞d,表示可以立即下載此腳本,但不影響頁面其他操作。只對外部腳本有效。 |
charset | 【可選】。表示通過src屬性制定代碼的字符集。由于多數瀏覽器會忽略此屬性,很少人使用。 |
defer | 【可選】。表示腳本可以掩飾到文檔完全被解析和顯示之后再執行。只對外部腳本有效。IE7及更早的版本對嵌入腳本也支持此屬性。 |
language | 已廢棄。 |
src | 【可選】。表示要執行外部文件的路徑或鏈接。 |
type | 【可選】。默認為text/javascript??梢砸暈閘anguage的替代品。表示編寫代碼使用的腳本語言的內容類型(也成為MIME類型) |
這個屬性表明腳本在執行時不會影響頁面的構造。也就是說,腳本會被延遲到整個頁面都解析完成之后再運行。因此,在元素中設置defer屬性,就是告訴瀏覽器此腳本立即下載,但是延遲執行。
Document
這以上例子中,雖然我們把元素放在了文檔的元素中,但其中包含的腳本將延遲到整個解析完成之后再執行。由于HTML5規范要求腳本按照他們出現的先后順序執行,因此第一個延遲腳本會優先于第二個執行,二這兩個腳本會優先于DOMContentLoaded事件執行。在實際運用中,兩個延遲腳本不一定會按照順序執行,也不一定會在DOMContentLoaded事件觸發前執行,因此最后只包含一個延遲腳本。defer屬性很少使用。
async異步腳本這個屬性與defer屬性蕾西,都用于改變處理腳本的行為。與defer不同的是,使用async的腳本并不能保證按照指定他們的先后屬性執行。
Document
在以上例子中,第二個腳本可能會優先于第一個腳本執行,也不能不是。因此,如果使用async屬性,確保兩者之后互相不依賴非常重要。指定async屬性的目的是不讓頁面等待兩個腳本的下載與執行,而是可以異步的加載頁面的其他內容。所以,建議異步腳本不要在加載期間修改DOM,以免出現錯誤。
異步腳本一定會在頁面load事件前執行,但可能會在DOMContentLoaded事件觸發之前或之后執行,因此,使用此屬性的人也很少。
直接在頁面內部嵌入JavaScript代碼。
在外部引用JavaScript代碼。
特別強調
包含在元素內部的代碼會被從上至下一次解釋。所以在元素內部不要出現""字符串,否則會報錯。
") } //Uncaught SyntaxError: Invalid or unexpected token //頁面只會顯示"")}"字符串
?如果確實要使用""字符串,可以加上轉義符""
") }
使用外部引入javascript時,src屬性是必須的。這個屬性值是一個指向外部JavaScript文件的路徑或鏈接。
使用此方式引入JavaScript時,在內部不要寫任何額外的JavaScript代碼。如果寫了會被忽略。
無論使用任何方式,只要不存在defer和async屬性,瀏覽器都會按照元素在頁面中出現的先后順序依次解析。所以說,JavaScript代碼最好放在標簽尾部,防止白屏之類問題。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92821.html
摘要:年月級規范成為的推薦標準,為基本的文檔結構及查詢提供了接口。這意味著中的對象與原生對象的行為或活動特點并不一致。結果第一條注釋就會成為中的第一個子節點。由于跨域安全限制,來自不同子域的頁面無法通過通信。 DOM(文檔對象模型)是針對HTML和XML文檔的一個API(應用程序編程接口)。DOM描繪了一個層次化的節點樹,允許開發人員添加、移除和修改頁面的某一部分。DOM脫胎于Netsc...
摘要:然而,雖然先生對無所不知,被譽為世界的愛因斯坦,但他的語言精粹并不適合初學者學習。即便如此,在后面我還是會建議把當做補充的學習資源。但目前為止,依然是學習編程的好幫手。周正則表達式,對象,事件,閱讀權威指南第,,,章。 既然你找到這篇文章來,說明你是真心想學好JavaScript的。你沒有想錯,當今如果要開發現代網站或web應用(包括互聯網創業),都要學會JavaScript。而面對泛...
摘要:好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行 書籍 《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹(修訂版)》《JavaScript設計模式》《J...
摘要:好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行 書籍 《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹(修訂版)》《JavaScript設計模式》《J...
閱讀 2428·2021-11-23 09:51
閱讀 2457·2021-11-11 17:21
閱讀 3097·2021-09-04 16:45
閱讀 2380·2021-08-09 13:42
閱讀 2218·2019-08-29 18:39
閱讀 2879·2019-08-29 14:12
閱讀 1279·2019-08-29 13:49
閱讀 3363·2019-08-29 11:17