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/archive/2009/12/21/1628757.html