上次搞一个运行代码的框,花了我好长时间,这次做的时候又弄了一会,还是记录一下了,或许对大家有用,呵呵。
首先在Normal模式下写好其他内容,然后切换到HTML模式下,在第一行加入代码:
<script type=text/javascript><!--//--><![CDATA[//><!--
function runCode(obj) {
var winname = window.open('', "_blank", 'width=400,height=300,left=250,top=200');
var obj1=document.getElementById(obj)
winname.document.open('text/html', 'replace');
winname.opener = null // 防止恶意修改
winname.document.writeln(obj1.value);
winname.document.close();
}
//--><!]]></script>
在需要显示代码的地方用textarea装起来。如下:
<br>
<textarea id=code rows=15 cols=80>需要显示的页面代码。。。</textarea>
<br>
<button id=b1 onclick="runCode('code')">运行代码</button>
<br>
还需要注意一点的是,如果在textarea中的页面代码中含有js代码,注意有些变量如果含有大写字母,有时候会被更改为小写而出现未定义变量的错误,尽量用小写的变量,改正错误后重复上述步骤。
posted on 2007-07-27 15:27
小祝 阅读(281)
评论(6) 编辑 收藏 所属分类:
WEB相关