以下文件保存为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=" 测试 "> <INPUT onclick=copyCode(textBox_74753767) type=button value=" 复制 "> <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 搜集整理，欢迎转载)
