Question

我们有这样的页面：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div id="abc"></div>
  </body>
</html>

我想在div中插入脚本并运行它。所以我正在做这样的事情：

document.getElementById("abc").innerHTML="<script>alert('sup');</script>";

好，脚本在div里面，但我现在怎么运行呢？

我可能没说清楚：我有一个外部脚本，我需要放在页面上的指定位置。我没有访问该网站，所以我不能把它放在页面代码上。我想这样做，因为这个脚本会在推送它的地方创建新对象。我无权访问该脚本。我只是链接（不是直接）。

Answer 1

使其成为一种功能。请改用<script>function myAlert(){alert('sup');}</script>。然后，您可以使用myAlert();调用它。

Answer 2

请使用createElement

var div = document.getElementById('abc');
var script = document.createElement('script');
var code = document.createTextNode('alert("sup");');
script.appendChild(code);
div.appendChild(script);

将脚本放在div中仅对document.write有用而请不要这样做。： - ）

将脚本插入元素后加载脚本

2 个答案: