JS...备用lib

joni_eyes · 发表于 2013-1-29 07:49:52

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

1．让文字不停地滚动

　　＜MARQUEE＞滚动文字＜/MARQUEE＞

2．记录并显示网页的最后修改时间

　　＜script language=javascript＞
　　 document．write("最后更新时间: " + document．lastModified + "")
　　＜/script＞

3．关闭当前窗口

　　＜a href="/"＞关闭窗口＜/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="#" ＞加入收藏夹＜/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
　　＞＜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="打印本页" '
　　 + '＞＜/form＞');
　　 }
　　 // End --＞
　　＜/Script＞

12．单击按钮‘另存为’当前页

　　＜input type="button" name="Button" value="保存本页"
　　＞
　　＜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
}

		自动登录	找回密码
密码			立即注册