在 iframe 中注入 js答案

【问题标题】：inject js inside iframe在 iframe 中注入 js
【发布时间】：2015-02-09 12:41:57
【问题描述】：

我只是在尝试实现自己的尝试页面作为 w3schools，它能够让我获取 html 和 js 代码并在 iframe 中运行它

这是我的代码

<html><body>


<script>

    function update()
    {document.getElementById('display').contentDocument.documentElement.innerHTML = document.getElementById('mycode').value;
    }

</script>

<input onclick="update()" type="button" value="Update page" sandbox>
<textarea id="mycode"></textarea>
<iframe id="display" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe></body></html>

但是当我在 textarea 中设置我的代码时，它不会运行任何脚本我尝试了沙盒属性，但没有结果

【问题讨论】：

需要引用iframe的contentWindow属性，也就是iframe的window。有了它，你就可以操作沙盒化的 DOM。

标签： javascript html iframe

【解决方案1】：

您基本上是想实现一个自己尝试的页面。要做到这一点，你可以试试这个。

<html>
<body>
<script>
   function update{
      '#display'.load(document.getElementById('mycode').value);
   }
</script>
<input onclick="update()" type="button" value="Update page">
<textarea id="mycode"></textarea>
<iframe id="display"></iframe>
</body>
</html>

【讨论】：

不幸的是，不起作用，因为我记得 .load 函数接受路径然后函数在加载后执行，但我需要设置内容
你可以看看这个教程它可能对你有帮助link
@HusseinFawzy 请告知天气你已经解决了这个问题。
(Y) 它可以按我的需要工作 :D plz 你能把它作为任何人搜索它的解决方案的答案吗？
@ayush anand 答案出来了，我不知道怎么通知你