先看如下代码：
1 <html><head>
2 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
3 <title>如何实现运行代码框功能</title>
4 <script language=javascript>
5 function runCode() //定义一个运行代码的函数，
6 {
7 if(1 == arguments.length)
8 try{event = arguments[0];}catch(e){}
9 var code=(event.target || event.srcElement).parentNode.childNodes[0].value;//即要运行的代码。
10 var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
11 newwin.opener = null // 防止代码对原页面修改
12 newwin.document.write(code); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能。
13 newwin.document.close();
14 }
15 function copycode(obj) {
16 var rng = document.body.createTextRange();
17 rng.moveToElementText(obj);
18 rng.scrollIntoView();
19 rng.select();
20 rng.execCommand("Copy");
21 rng.collapse(false);
22 }
23 </script>
24 <style>
25 textarea {
26 font-size: 12px;FONT-FAMILY: "Tahoma", "MS Shell Dlg";
27 }
28 .codetextarea {
29 font-family: "宋体";
30 font-size: 12px;
31 height: 310px;
32 width: 515px;
33 word-wrap:normal;
34 word-break:keep-all;
35 }
36 </style>
37 </head><body>
38 <span><textarea class="codeTextarea" name="run_Code">
39 </textarea><br><input onclick="runCode()" type="button" value="运行代码"> <input type="button" value="复制代码" onclick="copycode(run_Code)">[提示：你可先修改部分代码，再按运行]</span>
40 </body></html>
41
在上面代码中的textarea中加入你想加入的效果代码，把整个HTML替换要发布的HTML即可。。哇哈哈哈。就是界面不怎么地。----szh
---------------------------------------------------------------------------------------------------------------------------------
说人之短，乃护己之短。夸己之长，乃忌人之长。皆由存心不厚，识量太狭耳。能去此弊，可以进德，可以远怨。
http://www.blogjava.net/szhswl
------------------------------------------------------------------------------------------------------ ----------------- ---------
posted on 2007-12-07 15:36
宋针还 阅读(1187)
评论(1) 编辑 收藏 所属分类:
JAVASCRIPT