Html代码运行框源码
我们经常在论坛或者各种程序类的网站上经常看到各种html代码运行框。方便的给大家测试。具体源码程序是怎样实现的呢。今天给大家提供下源码。
JS代码部分：
| <script language="JavaScript" type="text/javascript"> function copycode(obj) { var rng = document.body.createTextRange(); var obj1=document.getElementById(obj) rng.moveToElementText(obj1); rng.scrollIntoView(); rng.select(); rng.execCommand("Copy"); rng.collapse(false); } function runCode(obj) { var winname = window.open('', "_blank", ''); var obj1=document.getElementById(obj) winname.document.open('text/html', 'replace'); winname.opener = null // 防止恶意修改 winname.document.writeln(obj1.value); winname.document.close(); } function saveCode(obj) { var winname = window.open('', '_blank', 'top=10000'); var obj1=document.getElementById(obj) winname.document.open('text/html', 'replace'); winname.document.writeln(obj1.value); winname.document.execCommand('saveas','','牛魔王模板工厂.htm'); winname.close(); } </script> |
html代码部分：
| <textarea cols="80" rows="10" name="code" class="code_texear"> 牛魔王模板工厂！！！ </textarea> <div> <input class="code_input" onclick="runCode('code')" type="button" value="运行代码" /><input class="code_input" onclick="copycode('code')" type="button" value="复制代码" /><input class="code_input" onclick="saveCode('code')" type="button" value="另存代码" /> <b>提示：您可以先修改部分代码再运行或者直接保存</b></div> |
本文出自 小古Blog，转载时请注明出处及相应链接。
本文永久链接: http://blog.chdz1.com/?post=70