Html代码运行框源码

作者: 小古 分类: 网站技术 发布时间: 2011-4-22 ė14989 次浏览 60 条评论

我们经常在论坛或者各种程序类的网站上经常看到各种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

|

发表评论:

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部
sitemap