首先,瀏覽器對于script的下載是避免并行進行的。HTTP/1.1協議中規定瀏覽器和同一host之間只建立最多兩個連接,也就是說允許的最大并行度為2(當然,對IE和Firefox來說,你都可以通過修改瀏覽器的設置來擴大這個并行度)。但對于Script的下載來說,瀏覽器在開始下載Script之后,是不會并行的下載其他element的。不會并行下載script這一點是一個事實,但瀏覽器為什么要采用這種策略,以及瀏覽器我們提到的“將Script放到HTML文件中盡量靠近尾部”到底能起到多大的作用,需要注意哪些事項,我希望在這篇文章中進一步的進行討論。
為了討論方便,我準備了一個簡單的HTML文件:
<HTML>
<HEAD>
<Title>Test javascript download page</Title>
</HEAD>
<BODY>
<Script language="Javascript" src="jsdownload_j1.js"></Script>
<Script language="Javascript" src="jsdownload_j2.js"></Script>
This is a simple page to test javascript download.</br>
<input type="button" value="Click Me" name="testButton" onclick=OnB1Click()></input>
<img src="Sunset_small.JPG">
<img src="Blue_hills_small.JPG">
</BODY>
</HTML>
這個HTML文件include了兩個javascript文件,含有兩張圖片。兩個javascript文件內容分別如下:
jsdownload_j1.js:
function OnJ1B1Click()
{
alert("A simple test");
}
jsdownload_j2.js:
function OnB1Click()
{
OnJ1B1Click();
}
從代碼中看出,這個HTML文件很簡單,帶有兩張圖片和一個button,當button被click的時候,調用jsdownload_j2.js的OnB1Click()函數,而OnB1Click()函數是簡單的調用jsdownload_j1.js文件中的OnJ1B1Click()函數。
我們來看看用IBM Page Detailer工具獲得的IE瀏覽器訪問該頁面時的頁面元素下載圖:

延伸閱讀
文章來源于領測軟件測試網 http://www.kjueaiud.com/