2013-11-28 33 views
1

我學習JavaScript的,但我想做得很好......怪異的行爲腳本元素

我在StackOverflow的readed一些問題,在這裏,但他們似乎沒有解決我的問題。

我試過一個例子,在谷歌瀏覽器V時外部腳本31.0.1650.57:

我把script元素在底部(的</body>標籤與下一個代碼之前:

代碼JS:

for(var i = 0; i < 100000000; i++) 

這裏的HTML:

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
    <header> 
    <h2>Logo</h2> 
    </header> 
    <script src="js/code.js"></script> 
</body> 
</html> 

它應該是內容顯示給我和後面,腳本將被下載,解析並執行。 但是那不是發生了什麼!只有當腳本被下載並執行時,頁面的內容纔會顯示給我(我認爲這是因爲花了很多時間)。

那麼,究竟發生了什麼?

作者是否錯?還是我做錯了什麼?

+1

爲什麼downvote? – Falcon

+0

不能downvote,但什麼是

標籤,如果它是HTML? – J2D8T

+1

@ J2D8T這是一個HTML5元素 – lifetimes

回答

2

根據您的建議,我在此重複我的評論作爲答案。

原因可能是你的循環阻塞了UI線程。這裏有一些這個博客文章的更多細節,What is a non-blocking script?

+0

感謝那個夢幻般的鏈接! – Falcon