js运行html代码，复制代码，另存代码

最新推荐文章于 2025-05-09 09:01:28 发布

iteye_10647

最新推荐文章于 2025-05-09 09:01:28 发布

阅读量312

点赞数

文章标签： HTML

本文介绍了一个简单的HTML代码编辑和即时预览环境，通过内置的功能可以实现代码的快速复制、保存及在一个新窗口中运行，非常适合初学者进行网页设计的基础练习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script>

function runEx(cod1) {
cod=document.all(cod1)
var code=cod.value;
if (code!=""){
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能。
newwin.document.close();
}
}

//复制文本域代码
function cycode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
window.status="高亮度包含的代码已被复制到剪贴板！Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
rng.collapse(false);
}

//另存代码
function svcode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
</script>
<head>
<body>
<textarea rows='12' cols='78' class='fm' id='code'>
<html><head></head><body><input type="text" name="text"/></body></html>
</textarea>
<input onclick="runEx('code')" type="button" value="运行代码" onFocus="this.blur()">
<input type="button" name="Submit" value="复制到剪贴板" onClick="cycode(code)" onFocus="this.blur()">
<input type="button" value="另存代码" onclick="svcode(code)" onFocus="this.blur()">
</body>
</html>