Question

我只是试图实现自己尝试自己的页面作为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中设置我的代码时，它不会运行任何脚本我尝试了sandbox属性但没有结果

Answer 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>

在iframe中注入js

1 个答案: