JS+html点击运行文本框内代码
- 2,531
代码类,代码演示类,代码修改等处使用,通过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>
点击之后就可以在浏览器中看待文本框内的效果!
声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!









