我們先來簡單回顧下HTML源代碼（test2.htm）：
來看看append函數：
3) 進入domManip函數
繼續單步調試，發現目標，這里有對scripts的長度判斷：
應該是已經分析了輸入字符串，并提取了其中的script標簽，我們來看下這里的局部變量scripts的內容：
4)發現目標
這里的兩個局部變量scripts和evalScript是我們重點需要關注的，我們分別來看下：
scripts，這是一個數組，包含兩個script標簽：
[<script src="./service.ashx?file=js/jquery-ui.js&delay=2000" type="text/javascript"></script>
, <script>alert(typeof(jQuery.ui));</script>]
evalScript，這是一個函數，通過jQuery.each函數來調用，上述數組中的每個值都會作為參數傳到這個函數中執行： 復制代碼 代碼如下:
function evalScript( i, elem ) {
if ( elem.src ) {
jQuery.ajax({
url: elem.src,
async: false,
dataType: "script"
});
} else {
jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
}
if ( elem.parentNode ) {
elem.parentNode.removeChild( elem );
}
}
3. 哦，明白了
通過上面的分析，我們清楚的看到jQuery.html函數會首先把其中的script檢索出來，然后對于每個script標簽應用evalScript函數。
在這個函數中，對于外部JavaScript個內聯JavaScript，進行了不同的處理。
1)jQuery.html如何處理字符串中的外部script標簽 復制代碼 代碼如下:
jQuery.ajax({
url: elem.src,
async: false,
dataType: "script"
});
對于外部script標簽，比如：<script src="./service.ashx?file=js/jquery-ui.js&delay=2000" type="text/javascript"></script>，jQuery采用了同步Ajax方案（async: false）。這也是在各種不同瀏覽器中能夠保證動態JS的加載順序的關鍵所在。
2)jQuery.html如何處理字符串中的內聯script標簽
jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
來看下globalEval函數的定義： 
由此可見，對于內聯的script標簽，jQuery通過在head中創建script標簽來執行。
4. 后記
目前來看，一切來龍去脈似乎清晰可見。那么大家有沒有考慮過，如果動態加載加載不同域名下（Cross-Domain）的JavaScript文件，jQuery還能確保在所有瀏覽器下的JavaScript的執行順序嗎？
也就是說在當前流行的靜態資源的CDN加速情況下，jQuery.html是不是一個完全之策呢？
請看下篇 如何確保JavaScript的執行順序 - 之jQuery.html并非萬能鑰匙。待續。。。
新聞熱點
疑難解答
