又拿菜鸟教程的在线编译器说事儿,好尴尬啊,一个下午写了三个
js的编译其实很简单只需要用到 iframe 和 textarea 标签
这是超简单实现,所以代码很少:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<textarea rows="10" cols="35" id="inputdata"></textarea>
<button id="rundata" οnclick="rundata()">RUN</button>
<iframe id="iframe1"></iframe>
</body>
<script type="text/javascript">
function rundata(){
//获取输入框内的数据
var text = document.getElementById('inputdata').value;
// 先清空iframe
var iframe = document.getElementById("iframe1").contentWindow.document.body.innerText = "";
//将输入框内的数据传给iframe
iframe = document.getElementById('iframe1').contentDocument.write(text);
}
</script>
</html>
效果:
更多推荐
超简单实现JavaScript在线编译器
发布评论