87,839
社区成员
发帖
与我相关
我的任务
分享做一个在线测试工具，在页面修改代码同时在该页面运行，类似于W3School 的在线测试工具
http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide
如题，做一个可以测试jquery的测试工具。类似上面链接的在线测试工具，但想要可以离线测试。
求代码或思路。
如题，做一个可以测试jquery的测试工具。类似上面链接的在线测试工具，但想要可以离线测试。
求代码或思路。
...全文
请发表友善的回复…
发表回复
Go 旅城通票 2015-10-29
- 打赏
- 举报
<input type="button" value="运行代码" onclick="runCode()"/>
<table border="1">
<tr><td><textarea id="ta" role="5" cols="50" style="height:300px;width:500px">
<html>
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
window.onload=function(){
$("p").click(function () {
$(this).hide();
});
}
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>
</textarea></td>
<td><iframe id="ifrCode" frameborder="0" marginheight="0" marginwidth="0" style="height:300px;width:500px"></iframe></td></tr>
</table>
<script>
var ta = document.getElementById('ta'), ifrCodeDoc = document.getElementById('ifrCode')
function runCode() {
ifrCodeDoc.contentWindow.document.open();
ifrCodeDoc.contentWindow.document.write(ta.value);
ifrCodeDoc.contentWindow.document.close();
}
</script>
少年民仔 2015-10-29
- 打赏
- 举报
同一楼，页面两块区域，一边操作，一边用iframe实时更新
slwsss 2015-10-28
- 打赏
- 举报
左边一个输入框，右边一个iframe
实时把输入框的内容赋给iframe
