博客园“可运行"代码

textarea

<textarea style="width: 450; height: 300" id="theCode" title="双击运行代码" ondblclick="runCode('theCode');">

这里放入运行的Html代码。

</textarea><br />

<input onclick="runCode('theCode')" value="运行代码" type="button"> 

<input onclick="doCopy('theCode')" value="复制代码" type="button"> 

<input onclick="doSave('theCode','test')" value="保存代码" type="button">

 

三个按钮

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

<script type="text/javascript">       //执行代码       function runCode(obj) {           var winname = window.open('', "_blank", '');           var content = document.getElementById(obj).value;           winname.document.open('text/html', 'replace');           winname.opener = null           winname.document.writeln(content);           winname.document.close();       }            //复制代码       function doCopy(obj){           var codeObj = document.getElementById(obj);           clipboardData.setData('text', codeObj.innerText);           alert('已经复制代码');       }            // 另存为文件       function doSave(obj, filename){             var win = window.open('', '_blank', 'top=10000');           var code = document.getElementById(obj).innerText;           win.opener = null;           win.document.write(code);           win.document.execCommand('saveas', true, filename);           win.close();       }   </script>