1。创建下面的javascript脚本:
|
<script language="javascript"> function runEx(cod1) { cod=document.all(cod1) var code=cod.value; if (code!=""){ var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。 newwin.opener = null // 防止代码对页面修改 newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。 newwin.document.close(); } }
//复制文本域代码 function cycode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj); rng.scrollIntoView(); rng.select(); rng.execCommand("Copy"); window.status="高亮度包含的代码已被复制到剪贴板!Contents highlighted and copied to clipboard!" setTimeout("window.status=''",1800) rng.collapse(false); }
//另存代码 function svcode(obj) { var winname = window.open('', '_blank', 'top=10000'); winname.document.open('text/html', 'replace'); winname.document.writeln(obj.value); winname.document.execCommand('saveas','','code.htm'); winname.close(); } </script>
|
2。然后创建一个textarea文本框,将演示代码放入其中,注意textarea的id的值,下面要调用。
<TEXTAREA id=code5> </TEXTAREA> |
3。最后通过按钮实现运行代码、复制代码、另存代码的功能:
<INPUT onclick="runEx('code5')" onfocus=this.blur() style="CURSOR: hand" type=button value=运行代码> <INPUT name=Submit onclick=cycode(code5) onfocus=this.blur() style="CURSOR: hand; WIDTH: 95px" type=button value=复制到剪贴板> <INPUT onclick=svcode(code5) onfocus=this.blur() style="CURSOR: hand" type=button value=另存代码> |