论坛和博客常用的HTML代码测试框

金屋寻宝 2015-10-14

展开全文

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

实现代码

1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
4 <title>runcode</title>
5 </head>
6
7 <body>
8 <script language="JavaScript" type="text/JavaScript">
9 //运行文本域代码
10 function runEx(cod1) {
11  cod=document.all(cod1)
12  var code=cod.value;
13  if (code!=""){
14  var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
15  newwin.opener = null // 防止代码对论谈页面修改
16  newwin.document.write(code); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能。
17  newwin.document.close();
18 }
19 }
20 </script>
21 <textarea name="textarea" cols="60" rows="10" id="rn01"><font color="red">加入HTML代码</font></textarea>
22 <br><INPUT onclick="runEx('rn01')" type="button" value="运行代码" style="cursor:hand">  [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
23 </body>
24 </html>