我想实现一个像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"));