javascript - 当 div 动态加载到页面时执行在 div 中编写的脚本

Question

我有一个看起来像的 div

<div>
//Useful content
   <script type="text/javascript">
        function(){
           //some useful code
        }
   </script>
</div>

现在我将这个 div 作为 Ajax 调用的响应并将其附加到正文中。现在，当附加到正文时，脚本标签内的函数应该被执行。但不是..这里有什么问题？

Answer 1

document.createElement("script");如果您需要动态插入一些脚本，您应该使用。这是推荐的方法。

无论如何，以下代码对我来说工作得很好：

var str = "<script>alert('Hi!');</scr"+"ipt>";
$('#container').append($(str)[0]);

确保正确转义脚本。

Answer 2

您的函数没有执行，因为它没有被调用。

您应该使用一个自执行函数，该函数将在加载后立即运行：

(function() {
    alert('hello world!');
})();