转自:http://www.cnblogs.com/blbl/archive/2013/03/12/2956656.html
以下整理的JavaScript常用的脚本,有需要的朋友可以收藏了喔~
1.让文字不停地滚动
<MARQUEE>滚动文字</MARQUEE>
2.记录并显示网页的最后修改时间
<script language=javascript> document.write("最后更新时间: " + document.lastModified + ""); </script>
3.关闭当前窗口
<a href="#" onClick="javascript :window.close();return false;">关闭窗口</a>
4.5秒后关闭当前页
<script language="javascript"> <!-- setTimeout('window.close();',5000); --> </script>
5.2秒后载入指定网页
<head> <meta http-equiv="refresh" content="2;URL=http://你的网址"> </head>
6.添加到收藏夹
<Script Language="javascript"> function bookmarkit(){ window.external.addFavorite('http://你的网址','你的网站名称'); } if (document.all){ document.write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>'); } </Script>
7.让超链接不显示下划线
<style type="text/css"> <!- a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} -> </style>
8.禁止鼠标右键的动作
<script language="javascript"> function click() { if (event.button==2||event.button==3){ alert('禁止鼠标右键'); } } document.onmousedown=click; </script>
9.设置该页为首页
<span οnclick="var strHref=window.location.href;this.style.behavior=
'url(#default#homepage)';
this.setHomePage('http://www.cnblogs.com/xiaoyu5062/');
" style="CURSOR: hand"><br>将本站设置为首页</span>
10.节日倒计时
<Script Language="javascript"> var timedate= new Date("December 25,2008"); var times="圣诞节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document.write("现在离"+times+"还有: "+time +"天") </Script>
11.单击按钮打印出当前页
<Script Language="javascript"> if (window.print) { document.write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript:window.print();"></form>'); } </Script>
12.单击按钮‘另存为’当前页
<input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)"> <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> <embed width="0" height="0"></embed> </object>
13.显示系统当前日期
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
14.不同时间段显示不同问候语
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
15.水中倒影效果
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
16.慢慢变大的窗口
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
17.改变IE地址栏的IE图标
我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下,
并在首页<head></head>之间加上如下代码:
<head> <link rel="Shortcut Icon" href="index.ico"/> </head>
18:进入或者离开时显示信息
设置body的 onLoad和onUnload事件
19:只能输入数字
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
20:email 合法性检查
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
21:屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
22:屏蔽F5键
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
23:屏蔽主窗口滚动条
在body标签里加上
style="overflow-y:hidden"
24:取得控件的绝对位置
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
25:切换页面后,光标停在文本框文字的最后
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
26:表格的半透明显示效果
在<head></head>之间加上如下代码:
<style> .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 </style>
在<body></body>之间加上如下代码:
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
27:细线分隔线
<hr noshade size=0 color=#C0C0C0>
28:过渡度方式
<head> <meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=3)"> </head> <a href="b.html">to b.html</a>
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式
29:如何控制横向和纵向滚动条的显隐?
<body style="overflow-y:hidden"> <!--去掉x轴--> <body style="overflow-x:hidden"> <!--去掉y轴 --> <body scroll="no"><!--不显-->
30:javascript中获取地址栏参数比如 index.jsp?id=xxx&name=xxx
方法一:
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
方法二:
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
方法三:
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
31:window对象的方法
open(URL,WindowName,parameterList):open方法创建一个新的浏览器窗口,并在新窗口中载入一个指定的URL地址。
close():close方法关闭一个浏览器窗口.
alert(text):弹出一个信息框.
confirm(text):弹出一个确认框.
prompt(text,Defaulttext):弹出一个提示框.
setTimeout(expression,time):定时设置,在一定时间后自动执行expression描述的代码,使用time设置时间,单位是毫秒.
clearTimeout(timer):取消以前的定时设置.
back():指示浏览器载入历史记录中的上一个URL地址.
forward():指示浏览器载入历史记录中的下一个URL地址.
stop():指示浏览器停止网页的装载.
location:提供当前窗口的URL信息
history:提供当前窗口的历史记录,可以在网页导航中发挥作用.
closed:一个指出窗口目前是否关闭的逻辑值.
self:引用当前文档对应的窗口.
navigate(url):窗口转向另外一个窗口
32:验证是否整数
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
33:验证是否都是数字,而且是正整数
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
34:验证是否都是数字,而且是负整数
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
35:短时间,形如 (13:04:06)
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
36:短日期,形如 (2008-12-05)
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
37:长时间,形如 (2003-12-05 13:04:06)
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
38:检测值不能为空
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
39:判断字符全部由a-Z或者是A-Z的字字母组成
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
40:判断字符由字母和数字组成
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
41:判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
42:判断浏览器的类型
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
43:判断ie的版本
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
44:判断客户端的分辨率
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
45:用正则表达式判断是否Email
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
46:用正则表达式判断是否身份证号码
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
47:给表格自动增行(msdn的例子)
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
48:严格的身份证验证
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)
49:验证IP地址
![](https://i-blog.csdnimg.cn/blog_migrate/cdec0645add3fc3c328197dda5c76203.gif)