网页中嵌入可以点击“运行代码”执行html/css/js代码

html代码

<textarea name="textarea" cols="60" rows="10" id="rn01">运行的代码</textarea> <br>
<input onclick="runWin('rn01')" type="button" value="运行代码" style="cursor:hand"> 点击“运行代码”

JS代码

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

效果展示：

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

点击“运行代码”