如何在使用javascript的正文部分插入html內容

我試圖在我的html文檔的正文部分使用javascipt插入字符串。我想插入的字符串也包含一些腳本標籤。例如：如何在使用javascript的正文部分插入html內容

var str = "<div> some text </div> 
      <script src='/Scripts/jquery-1.7.2.js' type='text/javascript'></script>";

現在，當我使用jquery，像插入上面的字符串：

$('body').html(str);

它將插入字符串，並且還加載jquery的。但是，當我插入這個字符串使用JavaScript，如：

document.getElementsByTagName('body')[0].innerHTML = str;

這將不會加載瀏覽器中的jQuery腳本。任何人都可以告訴我如何使用JavaScript實現相同效果？

來源

2013-01-12 Tom Rider

是否需要'[0]？ – hjpotter92

它應該按預期工作，如果你嘗試在HTML中插入元素的舊方法，該怎麼辦？ @TheDOCTORfromTARDIS是的，它是.. –

http://www.jquery4u.com/javascript/dynamically-load-jquery-library-javascript/在這裏你有一個很好的指導。所以你的情況，你可以試試這個：

var head= document.getElementsByTagName('body')[0]; 
    var script= document.createElement('script'); 
    script.type= 'text/javascript'; 
    script.src= '/Scripts/jquery-1.7.2.js'; 
    head.appendChild(script)

來源

2013-01-12 11:05:03

假設/腳本是頁面所在服務器上的目錄，如果不是，則完全限定它 – mplungjan

問題是，如果要插入的innerHTML用腳本，腳本不會被執行。由於安全問題，沒有瀏覽器會這樣做。 jquery實現了一種解決方法。你可以在這裏找到更多的信息和解決方案在純javascript：Executing <script> elements inserted with .innerHTML

來源

2013-01-12 13:15:59 Alex

如何在使用javascript的正文部分插入html內容

回答

相關問題