innerhtml中的javascript无法正常工作

Question

innerhtml中的javascript无法正常工作

例如:

<html>
    <div id="media">123</div>
    <a href="javascript:void(0)" onClick="return fun()">Click</a>
    <script type="text/javascript">
        function fun() {
            document.getElementById("media").innerHTML = '<script type="text/javascript">alert("working");<\/script>';
        }
    </script>
</html>

Run Code Online (Sandbox Code Playgroud)

单击警报后不显示.

alert("working"); 只是一个例子.我想让它完成一个工作其他JavaScript.我有一个工作要通过ajax处理应该使用innerHTML

Answer 1

Asa*_*din 6

HTML 规范指定不应执行使用innerHTML插入的脚本标记.这是一个安全考虑因素.

如果确定了,仍然有办法执行此操作,例如将其添加到img处理程序或创建脚本元素,将其插入DOM并更改其text属性.我不会详细说明这些,因为这样做通常被认为有些粗略.如果您不尝试注入脚本,则应在页面源中包含脚本元素.

归档时间：	12 年，7 月前
查看次数：	3927 次
最近记录：	12 年，7 月前