用javascript加載部分html

Question

在我的網站上，我加載了html，它在服務器（nodejs）上呈現，並將其插入到正確的位置（大多數時候是一個帶有id內容的div）。

如何在客戶端上插入收到的html，以便執行包含的腳本標記？

我在客戶端使用下划線和把手。 但是vanillajs當然也是可能的。

PS：這是一個示例，用於顯示jQuery.html()和設置innerHTML -property之間的區別：

http://jsfiddle.net/waxolunist/VDYgU/3/

Answer 1

用jQuery

$('div#content').html(loaded_html);

無：

getElementById('content').innerHTML = loaded_html;

雖然可以按照自己的方式進行，但更好的想法可能是使用您（可能）在服務器中使用的相同模板在瀏覽器中發送json和呈現頁面。 我正在使用doT，我認為它是所有基於JavaScript的模板中最好的（如EJS，下划線）。

Answer 2

你可以利用jQuery來做到這一點。 只是

$ .load（ “＃divname”）。負載（URL）

http://api.jquery.com/load/

Answer 3

你的角色逃脫有一些問題，請使用jshint 。 否則使用起來非常簡單

var script1 = "content for jQuery";
var script2 = "content for javascript";

$(document).ready(function (){
    $('#content1').html(script1);
    document.getElementById('content2').innerHTML = script2;
})