如何加載腳本文件並執行它？

Question

我有feedburner腳本顯示feed，它看起來像這樣：

<script src="http://feeds.feedburner.com/cnn/HIkg?format=sigpro" type="text/javascript" ></script>

我想加載這個在不同的html頁面上的腳本，所以基本上我正在使用以下腳本加載html文件：

$('#' + items[i]).load('content/' + items[i] + '.html');

這段代碼確實加載了html頁面但腳本沒有執行（工作）。 如何加載腳本后才能使腳本運行？

Answer 1

根據文件 ：

腳本執行
使用不帶后綴選擇器表達式的URL調用.load（）時，在刪除腳本之前將內容傳遞給.html（）。 這將在丟棄之前執行腳本塊。 但是，如果使用附加到URL的選擇器表達式調用.load（），則在更新DOM之前會刪除腳本，因此不會執行腳本。

如果你的url只是一個沒有指定選擇器的普通url，那么腳本在刪除之前應該執行。

檢查items[i]的值並檢查它是否是沒有選擇器的普通URL。

如果網址看起來很好，您可能會遇到跨端腳本問題。 文檔還提到：

由於瀏覽器安全限制，大多數“Ajax”請求都遵循相同的原始策略 ; 請求無法從其他域，子域或協議成功檢索數據。

如果可能，雖然我仍然建議將任何腳本放在外部文件中，因為這是一種很好的做法並且不會使html混亂。 然后你可以使用.getScript()推薦的.getScript .getScript() 。

Answer 2

您可以使用$.getScript()實用程序函數：

使用GET HTTP請求從服務器加載JavaScript文件，然后執行它。

$.getScript("/test.js")