Javascript - 動態加載HTML片段並運行腳本

我正在構建一個網頁，我想重新使用一些HTML，我在我的網站上有其他地方。我正在構建的頁面（index.html）可以使用XMLHttpRequest動態獲取並插入我想要的HTML（existing.html）。但是，我想要得到的HTML由一些Javscript填充。當我將其加載到我的新的一頁沒有被執行的JavaScript：Javascript - 動態加載HTML片段並運行腳本

的index.html：

<html> 

    <head> 
     <script type = "text/javascript"> 
      ... //use XMLHttpRequest to load existing.html 
      initExistingHTML(); //this is function which populates loaded HTML, is not executed 
     </script> 
    </head>  

<html>

existing.html：

<div> 
    <script type = "text/javascript"> 
     function initExistingHTML() { 
      ... // do some stuff 
     } 
    </script> 
</div>

我如何可以加載existing.html並運行該腳本它填充它？

來源

2011-01-23 Peter

頁面加載完成後，通過innerHTML加入existing.html。不要調用它的函數，只要讓existing.html的代碼執行，它將與onload部分中的相同。

編輯：或者，你可以糾正你有錯別字。 initExistingHTML！= initExistingHtml。 lol

來源

2011-01-23 19:31:31

這就是我以爲我在做什麼，你能提供一個如何實現這個目標的例子嗎？ – Peter 2011-01-23 22:19:27

Javascript - 動態加載HTML片段並運行腳本

回答

相關問題