页面运行代码

来源：互联网发布：中小学教育网网络课程编辑：程序博客网时间：2024/05/19 13:18

我们在光顾一些特效网站时，为了展示特显，网站经常是让我们直接运行这些特效代码。在页面上直接显示代码效果，好像需要很高深的技术似的，其实非常简单，说白了就两个步骤就可以做到：
第一：让特效代码粘贴在一个文本域中。
第二：打开一个新的页面，将文本域中的内容写入到页面中。Javascript代码如下：

Java代码  
htmlstr = document.script.tester.value;  
newwin= open("", "newwin","status=no,menubar=yes,toolbar=no");  
newwin.document.open();  
newwin.document.write(htmlstr);  
newwin.document.close();  

很简单吧，只是现在这种在新页面写入内容的方式已经越来越少用了。

完整代码如下：

Java代码  
<html>  
<head>  
<title>KutoKu.com---直接页面显示器代码效果</title>  
<style type="text/css">  
<!--  
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}  
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }  
 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }  
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }  
--></style>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  
<body>  
<br>  
<br>  
<center><font color=red face="隶书" size=6>直接页面显示器</font></center>  
<br>  
<center>  
<table border=0 bordercolor=#111111 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">  
<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>请在下面窗口中输入HTML代码</strong></font></td></tr>  
<tr><td align=center>  
<script language="JavaScript">  
  
function trestart(){  
   if (script) {  
   clear = confirm("你真的确定要关闭吗？",'');  
   if(clear) {  
   document.script.reset();  
   document.script.value = "";  
  }  
 }  
}   
  
function test(){  
  {  
  temp = document.script.tester.value;  
  testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");  
  testwin.document.open();  
  testwin.document.write(temp);  
  testwin.document.close();  
 }  
}  
  
  
function help(){   
 OpenWindow=window.open("", "newwin","height=220,width=470,toolbar=no,scrollbars="+scroll+",menubar=no");  
 OpenWindow.document.write("<body bgcolor='white' text='black' alink='blue'vlink='blue' link='blue'><TITLE>帮助信息</TITLE>")  
 OpenWindow.document.write("<center>你只要把你想显示的代码放到上页的输入框中，你自己也可以写代码，按显示键就能显示你的页面内容</center><br>")  
 OpenWindow.document.write("<center><a href='mailto:webmaster@javascript2000.com' target='main'>写信给我</a></Center><br>")  
 OpenWindow.document.write("<center><a href='javascript:close()'>关闭本窗口</a></Center>")  
 OpenWindow.document.close()  
 self.name="main"  
}  
  
//End hiding-->  
</script>  
<form name="script">  
<textarea name="tester" rows="8" cols="50"  
wrap="off"></textarea>  
<br>  
<input type="button" value="显示" onClick="test()">&nbsp;&nbsp;  
<input type="button" value="清除" onClick="trestart()">&nbsp;&nbsp;  
<input type="button" value="帮助" onClick="help()">  
</form>  
</td></tr></table></center>  
<center>  
<div align="center">  
  <center>  
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="360" id="AutoNumber1">  
    <tr>  
      <td>  
      <p align="left"><span style="font-size: 9pt">将下面代码复制到输入框试试<br>  
      <font color="#FF0033"><br>  
      &lt;html&gt;<br>  
      &lt;head&gt;<br>  
      &lt;title&gt;你好&lt;/title&gt;<br>  
      &lt;/head&gt;<br>  
      <br>  
      &lt;body&gt;<br>  
      你好！欢迎光临<a href="http://www.kutoku.com" target="_blank">KuToKu素材站</a><br>  
      &lt;/body&gt;<br>  
      <br>  
      &lt;/html&gt;</font></span></td>  
    </tr>  
  </table>  
  </center>  
</div>  
<p>  
<br>  
<br>  
</p>  
</body>  
</html>  