1. 程式人生 > >JS復習之JavaScript引入註意事項

JS復習之JavaScript引入註意事項

問題 規範 就是 ava 引入 避免 影響 asc 下載

筆記:

1.<script>標簽常用屬性

  一.async表示應該立即下載,但不妨礙其他資源或等待加載其他腳本,只對外部文件有效

  二.defer表示腳本可以延遲到文檔完全被解析和顯示後再執行,只對外部文件有效

  三.src表示要執行代碼的外部文件

2.標簽位置

  傳統的做法是放入head標簽中,但是這樣會影響頁面的加載,在加載過程中頁面是一片空白,為避免這個問題一般將代碼JavaScript引用放在body元素中頁面內容的後

3.延遲腳本

  通過defer來立即下載,但是延遲執行,也就是等瀏覽器遇到了</html>標簽再執行,html5規範要求它們出現的先後順序執行,因此第一個延遲腳本會先於第二個延遲腳本執行,但是在現實中不一定會按順序執行,也不一定會在DOMContentLoaded事件觸發前執行,因此最好只包含一個

4.異步腳本

  異步加載腳本,異步腳本一定會在load事件前執行,但可能會在DOMContentLoaded事件觸發之前或之後執行

JS復習之JavaScript引入註意事項