在HTML中使用JavaScript

斷水發表於2019-03-12

script標籤

HTML4.01為script定義了6個屬性

  • async: 非同步指令碼。可選。告訴瀏覽器立即下載指令碼檔案,且只適用於外部指令碼檔案
  • defer: 延遲指令碼。可選。指令碼會被延遲到整個頁面都解析完畢後再執行。相當於告訴瀏覽器立即下載,但延後執行。同樣只適用於外部指令碼。最好值設定一個延遲指令碼。
  • charset:可選。通過src屬性指定的程式碼字符集。
  • language:已廢棄。表示程式碼編寫的指令碼語言。
  • src:可選。表示引用的外部檔案。
  • type:可選。可以看成是language的替代屬性。

    標籤script的位置放置
     按照傳統的做法,script標籤對都應該放在head標籤裡,這樣做的目的是把所有的外部檔案的引用都放在相同的地方,但是,html5的結構解析是自上而下的,這樣就意味著必須等到全部的JavaScript程式碼都被下載都解析完後才能展示頁面的內容(body裡的內容)。這對於使用者提驗來說無疑是極差的,那樣會導致瀏覽器再呈現頁面時出現明顯的延遲,會讓使用者看到一片空白。為了避免這個問題,現代web應用程式一般都會把全部的JavaScript引用放在元素中頁面內容的後面。即body標籤裡前面放內容,後面放script。

  • 相關文章