JS+html点击运行文本框内代码
代码类,代码演示类,代码修改等处使用,通过JS+Html表单输入框实现“点击运行”在浏览器中查看文本框内的代码运行效果。
JS代码:
function RunCode(txt) {
cod=document.all(txt)
var code=cod.value;
if (code!=""){
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
newwin.document.close();
}else{
alert("亲,对不起,您是要我运行什么啊!"); //空值时弹出
}
}
HTML代码:由一个文本框和一个点击完成
<textarea style="width:990px;height:200px;margin:10px 0px 10px 10px;" id="code">
</textarea >
<div class="run" onclick="RunCode('code')">点击运行-查看效果</div>
点击之后就可以在浏览器中看待文本框内的效果!