js网页中的(运行代码)功能实现思路

139 阅读 0 评论 92 点赞

我是靠谱客的博主仁爱眼睛，最近开发中收集的这篇文章主要介绍js网页中的(运行代码)功能实现思路，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf8' /> 
<title>网页中的运行代码功能</title> 
<script type="text/javascript"> 
function runCode(oCode) { 
var win = window.open('', "_blank", ''); 
win.document.open('text/html', 'replace'); 
win.opener = null 
win.document.write(oCode.value); 
win.document.close(); 
} 
</script> 
</head> 
<body> 
<textarea id="code1" rows="10" cols="95"> 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf8' /> 
<title>测试文档</title> 
</head> 
<body> 
测试文档 - 你可以先修改部分代码再运行 
<script>alert('hello')</script> 
</body> 
</html> 
</textarea> 
<br> 
<input type="button" value="运行代码" onclick="runCode(code1)"> 
</body> 
</html> 