JS...备用lib

在项目中经常用到的小function， 积累一下，方便在项目中方便的调用。


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．设置该页为首页

　　＜body bgcolor="#FFFFFF" text="#000000"＞
　　 ＜!-- 网址：http://你的网址--＞
　　 ＜a class="chlnk" style="cursor:hand" HREF
　　 onClick="this.style.behavior='url(#default#homepage)';
　　 this.setHomePage('你的网站名称);"＞＜font color="000000" size="2" face="宋体"＞设为首页＜/font＞＜/a＞
　　 ＜/body＞

10．节日倒计时

　　＜Script Language="javascript"＞
　　 var timedate= new Date("December 25,2003");
　　 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"＞
　　 ＜!-- Begin
　　 if (window.print) {
　　 document．write('＜form＞'
　　 + '＜input type=button name=print value="打印本页" '
　　 + 'onClick="javascript：window.print()"＞＜/form＞');
　　 }
　　 // End --＞
　　 ＜/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．显示系统当前日期

　　＜script language=javascript＞
　　 today=new Date();
　　 function date(){
　　 this.length=date.arguments.length
　　 for(var i=0;i＜this.length;i++)
　　 this[i+1]=date.arguments }
　　 var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
　　 document．write(
　　 "＜font color=##000000 style='font-size:9pt;font-family: 宋体'＞ ",
　　 today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
　　 d[today.getDay()+1],"＜/font＞" );
　　 ＜/script＞

14．不同时间段显示不同问候语

　　＜Script Language="javascript"＞
　　 ＜!--
　　 var text=""; day = new Date( ); time = day.getHours( );
　　 if (( time＞=0) && (time ＜ 7 ))
　　　　 text="夜猫子，要注意身体哦！ "
　　 if (( time ＞= 7 ) && (time ＜ 12))
　　　　 text="今天天气……哈哈哈，不去玩吗？"
　　 if (( time ＞= 12) && (time ＜ 14))
　　　　 text="午休时间哦，朋友一定是不习惯午睡的吧？！"
　　 if (( time ＞=14) && (time ＜ 18))
　　　　 text="下午茶的时间到了，休息一下吧！ "
　　 if ((time ＞= 18) && (time ＜= 22))
　　　　 text="您又来了，可别和MM聊太久哦！"
　　 if ((time ＞= 22) && (time ＜ 24))
　　　　 text="很晚了哦，注意休息呀！"
　　 document．write(text)
　　 //---＞
　　 ＜/Script＞

15．水中倒影效果

　　＜img id="reflect" src="你自己的图片文件名" width="175" height="59"＞
　　 ＜script language="javascript"＞
　　 function f1()
　　 {
　　　　 setInterval("mdiv.filters.wave.phase+=10",100);
　　 }
　　 if (document．all)
　　 {
　　　　 document．write('＜img id=mdiv src="'+document．all.reflect.src+'"
　　　　 style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"＞')
　　　　 window.onload=f1
　　 }
　　 ＜/script＞

16．慢慢变大的窗口

　　＜Script Language="javascript"＞
　　 ＜!--
　　 var Windowsheight=100
　　 var Windowswidth=100
　　 var numx=5
　　 function openwindow(thelocation){
　　 temploc=thelocation
　　 if
　　 (!(window.resizeTo&&document．all)&&!(window.resizeTo&&document．getElementById))
　　 {
　　　　 window.open(thelocation)
　　　　 return
　　 }
　　 windowsize=window.open("","","scrollbars")
　　 windowsize.moveTo(0,0)
　　 windowsize.resizeTo(100,100)
　　 tenumxt()
　　 }
　　 function tenumxt(){
　　 if (Windowsheight＞=screen.availHeight-3)
　　　　 numx=0
　　 windowsize.resizeBy(5,numx)
　　 Windowsheight+=5
　　 Windowswidth+=5
　　 if (Windowswidth＞=screen.width-5)
　　 {
　　　　 windowsize.location=temploc
　　　　 Windowsheight=100
　　　　 Windowswidth=100
　　　　 numx=5
　　　　 return
　　 }
　　 setTimeout("tenumxt()",50)
　　 }
　　 //--＞
　　 ＜/script＞
　　 ＜p＞＜a href="javascript：openwindow(http://www.xxx.com/)"＞进入＜/a＞

17．改变IE地址栏的IE图标

　　我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：
            ＜link REL = "Shortcut Icon" href="index.ico"＞

1
.常规函数
　　javascript常规函数包括以下9
个函数：
　　(1
)alert函数：显示一个警告对话框，包括一个OK按钮。
　　(2
)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。
　　(3
)escape函数：将字符转换成Unicode码。
　　(4
)eval函数：计算表达式的结果。
　　(5
)isNaN函数：测试是(
true
)否(
false
)不是一个数字。
　　(6
)parseFloat函数：将字符串转换成符点数字形式。
　　(7
)parseInt函数：将符串转换成整数数字形式(可指定几进制)。
　　(8
)prompt函数：显示一个输入对话框，提示等待用户输入。例如：
　　(9
)unescape函数：解码由escape函数编码的字符。
　　2
.数组函数
　　javascript数组函数包括以下4
个函数：
　　(1
)join函数：转换并连接数组中的所有元素为一个字符串。例:

 程序代码
　　　　function JoinDemo()
　　　　{
　　　　　var a, b;
　　　　　a = new
 Array(
0
,
1
,
2
,
3
,
4
);
　　　　　b = a.join("-"
);
//分隔符
　　　　　return
(b);
//返回的b=="0-1-2-3-4"
　　　　}

　(2
)langth函数：返回数组的长度。例：

 程序代码
function LengthDemo()
　　　　{
　　　　　var a, l;
　　　　　a = new
 Array(
0
,
1
,
2
,
3
,
4
);
　　　　　l = a.length;
　　　　　return
(l);
//l==5
　　　　}

　　(3
)reverse函数：将数组元素顺序颠倒。例：

 程序代码
function ReverseDemo()
　　　{
　　　　var a, l;
　　　　a = new
 Array(
0
,
1
,
2
,
3
,
4
);
　　　　l = a.reverse();
　　　　return
(l);
　　　}
　　(4
)sort函数：将数组元素重新排序。例：

 程序代码
function SortDemo()
　　　　{
　　　　　var a, l;
　　　　　a = new
 Array(
"X"
 ,
"y"
 ,
"d"
, 
"Z"
, 
"v"
,
"m"
,
"r"
);
　　　　　l = a.sort();
　　　　　return
(l);
　　　　}
　　3
.日期函数
　　javascript日期函数包括以下20
个函数：
　　(1
)getDate函数：返回日期的“日”部分，值为
1
～
31
。例：

 程序代码
function DateDemo()
　　　{
　　　　var d, s = "Today's date is: "
;
　　　　d = new
 Date();
　　　　s += (d.getMonth() + 1
) + 
"/"
;
　　　　s += d.getDate() + "/"
;
　　　　s += d.getYear();
　　　　return
(s);
　　　}
　　(2
)getDay函数：返回星期几，值为
0
～
6
，其中
0
表示星期日，
1
表示星期一，...，
6
表示星期六。例：

 程序代码
function DateDemo()
　　　{
　　　　var d, day, x, s = "Today is: "
;
　　　　var x = new
 Array(
"Sunday"
, 
"Monday"
, 
"Tuesday"
);
　　　　var x = x.concat("Wednesday"
,
"Thursday"
, 
"Friday"
);
　　　　var x = x.concat("Saturday"
);
　　　　d = new
 Date();
　　　　day = d.getDay();
　　　　return
(s += x[day]);
　　　}
　　(3
)getHouse函数：返回日期的“小时”部分，值为
0
～
23
。例。

 程序代码
function TimeDemo()
　　　{
　　　　var d, s = "The current local time is: "
;
　　　　var c = ":"
;
　　　　d = new
 Date();
　　　　s += d.getHours() + c;
　　　　s += d.getMinutes() + c;
　　　　s += d.getSeconds() + c;
　　　　s += d.getMilliseconds();
　　　　return
(s);
　　　}
　　(4
)getMinutes函数：返回日期的“分钟”部分，值为
0
～
59
。见上例。
　　(5
)getMonth函数：返回日期的“月”部分，值为
0
～
11
。其中
0
表示
1
月，
2
表示
3
月，...，
11
表示
12
月。见前面的例子。
　　(6
)getSeconds函数：返回日期的“秒”部分，值为
0
～
59
。见前面的例子。
　　(7
)getTime函数：返回系统时间。

 程序代码
function GetTimeTest()
　　　{
　　　　var d, s, t;
　　　　var MinMilli = 1000
 * 
60
;
　　　　var HrMilli = MinMilli * 60
;
　　　　var DyMilli = HrMilli * 24
;
　　　　d = new
 Date();
　　　　t = d.getTime();
　　　　s = "It's been "
　　　　s += Math.round(t / DyMilli) + " days since 1/1/70"
;
　　　　return
(s);
　　　}
　　(8
)getTimezoneOffset函数：返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。

 程序代码
function TZDemo()
　　　{
　　　　var d, tz, s = "The current local time is "
;
　　　　d = new
 Date();
　　　　tz = d.getTimezoneOffset();

　　　　if
 (tz 的链接点的名称，另一个函数link设定的URL地址。
　　(2
)big函数：将字体加到一号，与...标签结果相同。
　　(3
)blink函数：使字符串闪烁，与...标签结果相同。
　　(4
)bold函数：使字体加粗，与...标签结果相同。
　　(5
)charAt函数：返回字符串中指定的某个字符。
　　(6
)fixed函数：将字体设定为固定宽度字体，与...标签结果相同。
　　(7
)fontcolor函数：设定字体颜色，与标签结果相同。
　　(8
)fontsize函数：设定字体大小，与标签结果相同。
　　(9
)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。
　　(10
)italics函数：使字体成为斜体字，与...标签结果相同。
　　(11
)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。
　　(12
)length函数：返回字符串的长度。(不用带括号)
　　(13
)link函数：产生一个超级链接，相当于设定的URL地址。
　　(14
)small函数：将字体减小一号，与...标签结果相同。
　　(15
)strike函数：在文本的中间加一条横线，与...标签结果相同。
　　(16
)sub函数：显示字符串为下标字(subscript)。
　　(17
)substring函数：返回字符串中指定的几个字符。
　　(18
)sup函数：显示字符串为上标字(superscript)。
　　(19
)toLowerCase函数：将字符串转换为小写。
　　(20
)toUpperCase函数：将字符串转换为大写。

//校验是否全由数字组成

 程序代码
function isDigit(s)
{
var patrn=/^[0
-
9
]{
1
,
20
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}


//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串

 程序代码
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1
}([a-zA-Z0-
9
]|[._]){
4
,
19
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}


//校验用户姓名：只能输入1-30个以字母开头的字串

 程序代码
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1
,
30
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}

//校验密码：只能输入6-20个字母、数字、下划线

 程序代码
function isPasswd(s)
{
var patrn=/^(\w){6
,
20
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}


//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”

 程序代码
function isTel(s)
{
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
var patrn=/^[+]{0
,
1
}(\d){
1
,
3
}[ ]?([-]?((\d)|[ ]){
1
,
12
})+$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}


//校验手机号码：必须以数字开头，除数字外，可含有“-”

 程序代码
function isMobil(s)
{
var patrn=/^[+]{0
,
1
}(\d){
1
,
3
}[ ]?([-]?((\d)|[ ]){
1
,
12
})+$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}

//校验邮政编码

 程序代码
function isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/;
var patrn=/^[a-zA-Z0-9
 ]{
3
,
12
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}

//校验搜索关键字

 程序代码
function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;\'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;\'
\,.<>?]{
0
,
19
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}


 程序代码
function isIP(s) //by zergling
{
var patrn=/^[0
-
9
.]{
1
,
20
}$/;
if
 (!patrn.exec(s)) 
return
 
false
return
 
true
}