11.可以在文字域的font写onclick事件
12.打印</a>打印网页
<a href='javascript:window.print ()'>
13.线型输入框
<input type="text" name="key" size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus() class="line">
14.显示文档最后修改日期
<script language=javascript> function hi(str) { document.write(document.lastModified) alert("hi"+str+"!") } </script>
15.可以在鼠标移到文字上时就触发事件
<html> <head> <script language="LiveScript"> <!-- Hiding function hello() { alert("哈罗!"); } </script> </head> <body> <a href="" onMouseOver="hello()">link</a> </body> </html>
16.可以根据网页上的选项来确定页面颜色
<HTML> <HEAD> <TITLE>background.html</TITLE> </HEAD> <SCRIPT> <!-- function bgChange(selObj) { newColor = selObj.options[selObj.selectedIndex].text; document.bgColor = newColor; selObj.selectedIndex = -1; } //--> </SCRIPT> <BODY STYLE="font-family:Arial"> <B>Changing Background Colors</B> <BR> <FORM> <SELECT SIZE="8" onChange="bgChange(this);"> <OPTION>Red <OPTION>Orange <OPTION>Yellow <OPTION>Green <OPTION>Blue <OPTION>Indigo <OPTION>Violet <OPTION>White <OPTION>pink </SELECT> </FORM> </BODY> </HTML>
17.将按钮的特征改变
<style type="text/css"> <!-- .style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF #CCCCCC #CCCCCC #CCCCFF} .style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin; border-color: #CCFF99 #999999 #999999 #CCFF99} --> </style>
本例按钮的代码如下：
<input type="submit" name="Submit" value="提 交" οnmοuseοver="this.className='style2'" οnmοuseοut="this.className='style1'" class="style1">
18.改变按钮的图片.
<style type="text/css"> <!-- .style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px} .style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width: 60px; height: 22px} --> </style>
本例的按钮代码如下：
<input type="submit" name="Submit2" value="提 交" οnmοuseοver="this.className='style4'" οnmοuseοut="this.className='style3'" class="style3">
19.打印页面
<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>
20.可以直接写html语言
document.write("");
