Javascript 将iframe src更改为用户输入的HTML代码
作为一个小型项目，我正在开发一个网站，旨在帮助人们学习GCSE水平（14-16岁）的计算机科学基础知识，我想创建一个类似于w3schools的TryIt编辑器的系统。我想有一个textarea，iframe和按钮设置，这样当用户在textarea中输入HTML代码并按下按钮时，iframe将显示结果网页。例如，假设用户将其输入文本区域：Javascript 将iframe src更改为用户输入的HTML代码,javascript,html,iframe,textarea,src,Javascript,Html,Iframe,Textarea,Src,作为一个小型项目，我正在开发一个网站，旨在帮助人们学习GCSE水平（14-16岁）的计算机科学基础知识，我想创建一个类似于w3schools的TryIt编辑器的系统。我想有一个textarea，iframe和按钮设置，这样当用户在textarea中输入HTML代码并按下按钮时，iframe将显示结果网页。例如，假设用户将其输入文本区域： <html> <body> <p>Hello World.</p> </body> </htm
<html>
<body>
<p>Hello World.</p>
</body>
</html>
谢谢你的帮助。我很无聊，所以我深入研究了代码，去掉了一些你可能不需要的毫无意义的东西 以下是我最新的答案：
函数submitTryit（）{
var text=document.getElementById（“textareaCode”）.value；
var ifr=document.createElement（“iframe”）；
ifr.setAttribute（“帧边框”，“0”）；
ifr.setAttribute（“id”、“iframesult”）；
document.getElementById（“iframewrapper”）.innerHTML=“”；
document.getElementById（“iframewrapper”）.appendChild（ifr）；
var ifrw=（ifr.contentWindow）？ifr.contentWindow：（ifr.contentDocument.document）？ifr.contentDocument.document:ifr.contentDocument；
ifrw.document.open（）；
ifrw.document.write（文本）；
ifrw.document.close（）；
}
编辑此代码：
见结果»；
页面标题
你好，世界
结果:
submitTryit（）Hello World.