javascript - 如何在 jQuery .html() 函数中获取 JavaScript 脚本标签？

<分区>

是否可以在 jQuery .html() 函数中获取 JavaScript 脚本标签？

function pleaseWork(){
    $('#content').html('<h3 style="color:#335c91">This is the header</h3><div class="holder"><script type="text/javascript" src="javascriptFile.js"></script></div>');
}

我想要完成的是当用户点击一个按钮时，这个标题和 JavaScript 代码显示在 div 内容中，现在当我点击按钮时，没有标题显示并且它变成空白页面并显示 JavaScript 代码(它可以工作，但不是我希望的那样工作。)

最佳答案

转义 </script>标记，将其替换为:<\/script>
如果这不起作用，还可以用 cdata 将脚本括起来标签。

工作演示:http://jsfiddle.net/BgxZN/1/

编辑:
如果您想在 div 中实际显示 javascript 文件的内容，您需要使用 XMLHTTP 请求或 iframe。

新的工作演示:http://jsfiddle.net/BgxZN/13/

关于javascript - 如何在 jQuery .html() 函数中获取 JavaScript 脚本标签？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7654233/

上一篇：javascript - 删除在另一个 <li> 中具有相同值的 <li>

下一篇：javascript - 等同于 ExtJS 中的 jQuery getScript()？

javascript - 使用来自外部 JS 文件的 Google Analytics 异步代码

javascript - 使当前日期保持在页面顶部

javascript - jQuery 代码在选项卡中不起作用

javascript - vue.js 分页错误计算

Javascript 对 SEO 不利，是吗？

javascript - 根据浏览器语言重定向

javascript - 如何从 HH :MM time string? 中减去小时和分钟

javascript - Bootstrap 3模态不显示

javascript - 使用JS获取Content并创建iFrame