script的延遲執行

時間 2019-12-05

標籤 script 延遲執行简体版

原文原文鏈接

看這段代碼：html

<body>
    <script src="deffer.js"></script>
    content
 </body>

deffer.js的內容爲：瀏覽器

alert(1)async

這樣在alert窗口沒有被關閉以前，頁面都會是一片空白。由於alert窗口阻止了頁面的繼續渲染。spa

爲了不此類問題，html規範裏定義了deffer和async屬性，這兩個屬性的具體定義這裏不討論，反正他們都是用來告訴瀏覽器，必定要在頁面渲染完成之後再執行本腳本的內容，這樣腳本執行的時候頁面已經渲染完畢了。code

<body>
    <script deffer async src="deffer.js"></script>
    content
 </body>

注意，對於多個加了deffer或者async的腳本，他們的執行順序和他們在頁面上出現的順序無關。即便html規範定義了deffer腳本應該按照順序來執行，可是瀏覽器事實上並無所有遵照這個約定。htm

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。