JS运行textarea内的HTML代码 [转]

代码
<script type="text/javascript">
var currentpos,timer;
function initialize()
{
timer
=setInterval("scrollwindow()",16);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos
=document.body.scrollTop;
window.scroll(
0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown
=sc
document.ondblclick
=initialize

function runCode() //定义一个运行代码的函数,
{
var code=event.srcElement.parentElement.children[0].value;//即要运行的代码。
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
newwin.opener = null // 防止代码对论谈页面修改
newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
newwin.document.close();
}
</script>

E.g:

代码
<html>
<head>
<title>HTM编辑器</title>
<style>
body,td
{font-size:16px; color:#000000; font-family: Verdana,宋体; line-height:200%;}
body
{ background-color: #FFFFFF; margin-left: 20px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px;}
form
{ margin:0px}
.input
{color: #212121; background-color: #F4F4F4; border: 1px #868686 double; font-family: Fixedsys; font-size: 12px; width: 760; height: 410;}
.button
{color: #737373; background-color: #F4F4F4; border: 1px #737373 double; font-size: 12px; font-weight:bold; letter-spacing:2px; line-height:120%;}
</style>
</head>
<body>
<textarea class="input">
<html>
<head>
<title></title>
</head>
<body>
</body>
</html></textarea><br><input type="button" class="button" value="运行以上代码" onclick="runCode()">
</body>
</html>
原文地址:https://www.cnblogs.com/cancer_xu/p/1628757.html