Javascript 将textarea运行到iframe

我试图在页面的

iframe

上运行用户在

textarea

中编写的HTML、CSS和JavaScript代码，类似于jsFiddle。我尝试将其用于HTML和CSS：

$(".runBtn").on("click", function(){
$(".Result > iframe").contents().find('body').html("<style>" + $('.CSS > textarea').val() + '</style>' + $(".HTML > textarea").val());})

$（.runBtn”）。在（“单击”，函数（）{
$（“.Result>iframe”）.contents（）.find（'body'）.html（“+$（'.CSS>textarea”）.val（）+''+$（“.html>textarea”）.val（）；}）

但它似乎不起作用。我仍然不知道如何在上面运行javascript。

$（“runBtn”）

正在寻找一个最有可能不存在的标记元素。如果元素有一个id，则需要一个正确的id前缀

$("#runBtn")

---

至于你的html，你还没有创建一个合适的

标记。还不清楚textarea相对于iframe的位置（在iframe内部或外部）。如果它在内部，您需要在iframe内容中使用

find（）

来访问它

与iframe的通信很棘手，您不应该这样使用它。无论是从站点到iframe还是从iframe到站点，都有用于与iframe通信的API。我很久没有使用它了，所以我不能给你一些好的例子，但你有你需要的一切

这可以归结为，您通过该API向iframe发送一条消息，其中包含一些有效负载，在iframe中，您拥有该消息事件的事件侦听器。当您收到它时，从有效负载呈现html。

$（“runBtn”）

可能应该是

$（“#runBtn”）

。你觉得这像

.html（）

吗？我看到了

标记的一部分，它不应该出现在

.find（'body'）

中<代码>进入

。请使用外部CSS。