加载部分html与javascript内部

Load partial html with javascript inside

本文关键字：javascript 内部 html 加载部      更新时间：2023-09-26

在我的网站上，我加载html，这是呈现在服务器(nodejs)，并插入它在正确的位置(大多数时间与id内容的div)。

如何在客户端插入接收到的html，以便执行包含的脚本标记?

我在客户端使用下划线和把手。当然，香草也是可以的。

PS:这里有一个例子来说明jQuery.html()和设置innerHTML -属性之间的区别:

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

使用jQuery

$('div#content').html(loaded_html);
没有:

getElementById('content').innerHTML = loaded_html;

虽然可以按照您的方式来做，但更好的主意可能是在浏览器中使用您(可能)在服务器中使用的相同模板发送json并呈现页面。我使用的是doT，我认为它是所有基于JavaScript的模板(如EJS，下划线)中最好的。

您可以利用jQuery来做到这一点。就用

.load美元("#divname").load (url)

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

您的字符转义有问题，请使用jshint。否则使用

就很简单了
var script1 = "content for jQuery";
var script2 = "content for javascript";
$(document).ready(function (){
    $('#content1').html(script1);
    document.getElementById('content2').innerHTML = script2;
})
相关文章：