一个简单的网页程序

<!--要运行的内容-->
<html>
<head>
 <title>标题</title>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <script language="javascript">
  function runCode()  //定义一个运行代码的函数,
  {
   if(1 == arguments.length)
    try{event = arguments[0];}catch(e){}
   var code=(event.target || event.srcElement).parentNode.childNodes[0].value;//即要运行的代码。
   var newwin=window.open('','','');  //打开一个窗口并赋给变量newwin。
   newwin.opener = null // 防止代码对论谈页面修改
   newwin.document.write(code);  //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
   newwin.document.close();
  }
 </script>
 <style type="text/css">
  #run #content{
   width:500px;
   height:300px;
   border:solid 1px #69ff69;
   background:#ffff9c;
   font:12px Tahoma;
  }
  #run input{
   border:solid 1px #6969ff;
   background:#ffcd9c;
   width:80px;
   height:30px;
  }
 </style>
</head>
<body>
<h3>标题</h3>
<div id="run">
 <textarea id="content">
  <!--要运行的内容-->
 </textarea>
 <input type="button" value="运 行"  onclick="runCode()"/>
</div>
</body>
</html>

你可能感兴趣的:(JavaScript,function,null,input,button,border)