DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js的延遲執行問題分析
js的延遲執行問題分析
編輯:關於JavaScript     

看這段代碼:

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

deffer.js的內容為:

alert(1)

這樣在alert窗口沒有被關閉之前,頁面都會是一片空白。因為alert窗口阻止了頁面的繼續渲染。

為了避免此類問題,html規范裡定義了deffer和async屬性,這兩個屬性的具體定義這裡不討論,反正他們都是用來告訴浏覽器,一定要在頁面渲染完成以後再執行本腳本的內容,這樣腳本執行的時候頁面已經渲染完畢了。

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

注意,對於多個加了deffer或者async的腳本,他們的執行順序和他們在頁面上出現的順序無關。即使html規范定義了deffer腳本應該按照順序來執行,但是浏覽器事實上並沒有全部遵守這個約定。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved