解决特效代码演示功能

作者:孤星泪    文章来源:超宇网络    点击数:    更新时间:2008-8-8
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=另存代码>