如何使用Javascript实现Javascript / HTML Playground？
How can I implement a Javascript/HTML Playground with Javascript?

我想实现一个像jsFiddle这样简单的Javascript Playground，并想知道实现这一目标的最佳方法。 从jsfiddle的工作方式来看，它使用提交的HTML / Javascript代码创建一个iframe。 iframe的来源来自jsfiddle服务器的动态创建页面。

我想知道是否可以使用客户端javascript代码执行此操作。 我试过这个但是没有用（自定义代码没有执行，也不知道iframe中是否加载了jquery）：

$iframe = $(document.createElement("iframe"))

$html = $iframe.contents().find("html")

//HTML code
$html.children("body").append($(htmlcode))

//Javascript code (first jquery and then custom code)
$script = $(document.createElement("script"))
$script.attr("src","jquery.js")
$html.children("head").append($script)

$script = $(document.createElement("script"))
$script.html(javascriptcode)
$html.children("head").append($script)

$iframe.appendTo($("body"));