华威手机数码

经常没事儿到蓝色理想的论坛闲逛，时间长了，尤其注意到了论坛里贴出来的代码不仅能够修改而且能够在线运行，代码显示在textarea中，下边有三个按钮“运行代码”、“复制代码”、“另存代码”，点击“运行代码”就能在新窗口中运行textarea中的HTML/JS代码，当然也可以修改后在线运行。

翻看了蓝色的代码终于弄明白了其中的奥秘，除此之外，我还给它加上了“剪切代码”、“粘贴代码”和“清空代码”的功能，从而使得我们能够更加方面的在线测试代码。

核心HTML代码：

<textarea id="runcode0" rows="9" cols="72" name="text"></textarea> <input class="sumit" type="button" onClick="runcode(runcode0)" value="运行代码" /> <input class="sumit" type="button" onClick="savecode(runcode0)" value="保存代码" /> <input class="sumit" type="button" onClick="copycode(runcode0)" value="复制代码" /> <input class="sumit" type="button" onClick="cutcode(runcode0)" value="剪切代码" /> <input class="sumit" type="button" onClick="pastecode(runcode0)" value="粘贴代码" /> <input class="sumit" type="button" onClick="document.form1.text.value='';" value="清空代码" /> 

核心Javascript代码：

<script type="text/javascript" language="javascript">var is_ie=document.all;//运行代码function runcode(obj) {  var winname=window.open('',"_blank",'');  winname.document.open('text/html','replace');  winname.opener=null;  winname.document.write(obj.value);  winname.document.close();}//复制代码function copycode(obj) {  if(is_ie && obj.style.display!='none') {    var rng=document.body.createTextRange();    rng.moveToElementText(obj);    rng.scrollIntoView();    rng.select();    //or target=obj.createTextRange();    rng.execCommand("Copy");    rng.collapse(false);  }}//另存代码function savecode(obj) {  var winname=window.open('','_blank','top=10000');  winname.document.open('text/html','replace');  winname.document.write(obj.value);  winname.document.execCommand('saveas','','code.htm');  winname.close();}//剪切代码function cutcode(obj) {  if(document.all) {    textRange=obj.createTextRange();    textRange.execCommand("cut");  } else {    alert("IE only!");  }}//粘贴代码function pastecode(obj) {  if(document.all) {    textRange=obj.createTextRange();    textRange.execCommand("paste");  } else {    alert("IE only!");  }}</script> 

猛击我查看本文demo