📄 823zh2.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>直接页面显示器</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 bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>直接页面显示器</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<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 about(){
 alert("HTML代码直接显示出页面来")
 alert("http://www.njcatv.net   E-mail:webmaster@javascript2000.com")
}

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="about()">&nbsp;&nbsp;
<input type="button" value="帮助" onClick="help()">
</form>
</td></tr></table></center>
<br>
<br>
<center>

<SCRIPT LANGUAGE="JavaScript">

<!-- hide
function goHist(a)
{
   history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9>
脚本说明：
把如下代码加入<body>区域中:
<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 about(){
 alert("HTML代码直接显示出页面来")
 alert("http://www.javascript2000.com   E-mail:webmaster@javascript2000.com")
}

function help(){ 
 OpenWindow=window.open("", "newwin","height=420,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'>Email me</a></Center><br>")
 OpenWindow.document.write("<center><a href='javascript:close()'>Close this window</a></Center>")
 OpenWindow.document.close()
 self.name="main"
}

//End hiding-->
</script>
<form name="script">
&lt;textarea name="tester" rows="8" cols="50"
wrap="off">&lt;/textarea>
<br>
<input type="button" value="显示" onClick="test()">&nbsp;&nbsp;
<input type="button" value="清除" onClick="trestart()">&nbsp;&nbsp;
<input type="button" value="关于" onClick="about()">&nbsp;&nbsp;
<input type="button" value="帮助" onClick="help()">
</form>
</textarea>
<br>
<br>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -