用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;
})