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

JS...备用lib

在项目中经常用到的小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=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,"</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);  
[*]   }   
[*]  (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=/^{1,20}$/;  
[*]if (!patrn.exec(s)) return false  
[*]return true  
[*]}  
[*]  
[*]  
[*]//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串  
[*]  
[*] 程序代码  
[*]function isRegisterUserName(s)  
[*]{  
[*]var patrn=/^{1}(|[._]){4,19}$/;  
[*]if (!patrn.exec(s)) return false  
[*]return true  
[*]}  
[*]  
[*]  
[*]//校验用户姓名:只能输入1-30个以字母开头的字串  
[*]  
[*] 程序代码  
[*]function isTrueName(s)  
[*]{  
[*]var patrn=/^{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=/^{3,12}$/;  
[*]var patrn=/^{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=/^{1,20}$/;  
[*]if (!patrn.exec(s)) return false  
[*]return true  
[*]}  
[*]  
页: [1]
查看完整版本: JS...备用lib