电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>在html文本框中编写代码并执行预览、复制、保存等操作:

在html文本框中编写代码并执行预览、复制、保存等操作

来源:网络 | 2007-5-28 | (有7698人读过)

以下文件保存为main.html:
<html><head><title>文章预览</title></head><body><p><b></b></p><DIV><SPAN style="COLOR: #990000">以下为源代码 你可先修改部分代码,再测试:</SPAN>
<SCRIPT language=javascript src="runcode.js" type=text/javascript></SCRIPT>
</DIV><TEXTAREA id=textBox_74753767 style="BACKGROUND-COLOR: #f7f7f7" rows=12 cols=68>粘贴代码请用:Ctrl+v</TEXTAREA>
<DIV><INPUT onclick=runCode(textBox_74753767) type=button value=" 测试 ">&nbsp;<INPUT onclick=copyCode(textBox_74753767) type=button value=" 复制 ">&nbsp;<INPUT onclick=saveCode(textBox_74753767) type=button value=" 保存 "></DIV><p style="text-align:center"><input type="button" onclick="window.close()" value=" 关闭窗口 "/></body></html>

以下代码保存到runcode.js中
//对代码进行操作
function runCode(obj) {
 var winname = window.open("", "_blank", "resizable=yes,scrollbars=yes,status=yes");
 winname.document.open(’text/html’, ’replace’);
 winname.document.writeln(obj.value);
 winname.document.close();
 }
function saveCode(obj) {
 var winname = window.open(’’,’’,’top=10000,left=10000’);
 winname.document.open(’text/html’, ’replace’);
 winname.document.writeln(obj.value);
 winname.document.execCommand(’saveas’,’’,’file.htm’);
 winname.close();
}
function copyCode(obj) {
 var rng = document.body.createTextRange();
 rng.moveToElementText(obj);
 rng.scrollIntoView();
 rng.select();
 rng.execCommand("Copy");
 rng.collapse(false);
}


运行main.html,在文本框中输入任何html代码,运行测试即可。

(www.cncfan.com 搜集整理,欢迎转载)
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2020 电脑爱好者 版权所有 备案号:鲁ICP备09059398号