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. 1 .常规函数  
  2.   javascript常规函数包括以下9 个函数:  
  3.   (1 )alert函数:显示一个警告对话框,包括一个OK按钮。  
  4.   (2 )confirm函数:显示一个确认对话框,包括OK、Cancel按钮。  
  5.   (3 )escape函数:将字符转换成Unicode码。  
  6.   (4 )eval函数:计算表达式的结果。  
  7.   (5 )isNaN函数:测试是( true )否( false )不是一个数字。  
  8.   (6 )parseFloat函数:将字符串转换成符点数字形式。  
  9.   (7 )parseInt函数:将符串转换成整数数字形式(可指定几进制)。  
  10.   (8 )prompt函数:显示一个输入对话框,提示等待用户输入。例如:  
  11.   (9 )unescape函数:解码由escape函数编码的字符。  
  12.   2 .数组函数  
  13.   javascript数组函数包括以下4 个函数:  
  14.   (1 )join函数:转换并连接数组中的所有元素为一个字符串。例:  
  15.   
  16.  程序代码  
  17.     function JoinDemo()  
  18.     {  
  19.      var a, b;  
  20.      a = new  Array( 0 , 1 , 2 , 3 , 4 );  
  21.      b = a.join("-" ); //分隔符   
  22.      return (b); //返回的b=="0-1-2-3-4"   
  23.     }   
  24.    
  25.  (2 )langth函数:返回数组的长度。例:  
  26.        
  27.  程序代码  
  28. function LengthDemo()  
  29.     {  
  30.      var a, l;  
  31.      a = new  Array( 0 , 1 , 2 , 3 , 4 );  
  32.      l = a.length;  
  33.      return (l); //l==5   
  34.     }   
  35.   
  36.   (3 )reverse函数:将数组元素顺序颠倒。例:  
  37.       
  38.  程序代码  
  39. function ReverseDemo()  
  40.    {  
  41.     var a, l;  
  42.     a = new  Array( 0 , 1 , 2 , 3 , 4 );  
  43.     l = a.reverse();  
  44.     return (l);  
  45.    }   
  46.   (4 )sort函数:将数组元素重新排序。例:  
  47.        
  48.  程序代码  
  49. function SortDemo()  
  50.     {  
  51.      var a, l;  
  52.      a = new  Array( "X"  , "y"  , "d" "Z" "v" , "m" , "r" );  
  53.      l = a.sort();  
  54.      return (l);  
  55.     }   
  56.   3 .日期函数  
  57.   javascript日期函数包括以下20 个函数:  
  58.   (1 )getDate函数:返回日期的“日”部分,值为 1 31 。例:  
  59.       
  60.  程序代码  
  61. function DateDemo()  
  62.    {  
  63.     var d, s = "Today's date is: " ;  
  64.     d = new  Date();  
  65.     s += (d.getMonth() + 1 ) +  "/" ;  
  66.     s += d.getDate() + "/" ;  
  67.     s += d.getYear();  
  68.     return (s);  
  69.    }   
  70.   (2 )getDay函数:返回星期几,值为 0 6 ,其中 0 表示星期日, 1 表示星期一,..., 6 表示星期六。例:  
  71.       
  72.  程序代码  
  73. function DateDemo()  
  74.    {  
  75.     var d, day, x, s = "Today is: " ;  
  76.     var x = new  Array( "Sunday" "Monday" "Tuesday" );  
  77.     var x = x.concat("Wednesday" , "Thursday" "Friday" );  
  78.     var x = x.concat("Saturday" );  
  79.     d = new  Date();  
  80.     day = d.getDay();  
  81.     return (s += x[day]);  
  82.    }   
  83.   (3 )getHouse函数:返回日期的“小时”部分,值为 0 23 。例。  
  84.       
  85.  程序代码  
  86. function TimeDemo()  
  87.    {  
  88.     var d, s = "The current local time is: " ;  
  89.     var c = ":" ;  
  90.     d = new  Date();  
  91.     s += d.getHours() + c;  
  92.     s += d.getMinutes() + c;  
  93.     s += d.getSeconds() + c;  
  94.     s += d.getMilliseconds();  
  95.     return (s);  
  96.    }   
  97.   (4 )getMinutes函数:返回日期的“分钟”部分,值为 0 59 。见上例。  
  98.   (5 )getMonth函数:返回日期的“月”部分,值为 0 11 。其中 0 表示 1 月, 2 表示 3 月,..., 11 表示 12 月。见前面的例子。  
  99.   (6 )getSeconds函数:返回日期的“秒”部分,值为 0 59 。见前面的例子。  
  100.   (7 )getTime函数:返回系统时间。  
  101.       
  102.  程序代码  
  103. function GetTimeTest()  
  104.    {  
  105.     var d, s, t;  
  106.     var MinMilli = 1000  *  60 ;  
  107.     var HrMilli = MinMilli * 60 ;  
  108.     var DyMilli = HrMilli * 24 ;  
  109.     d = new  Date();  
  110.     t = d.getTime();  
  111.     s = "It's been "   
  112.     s += Math.round(t / DyMilli) + " days since 1/1/70" ;  
  113.     return (s);  
  114.    }   
  115.   (8 )getTimezoneOffset函数:返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差),单位为分钟。  
  116.       
  117.  程序代码  
  118. function TZDemo()  
  119.    {  
  120.     var d, tz, s = "The current local time is " ;  
  121.     d = new  Date();  
  122.     tz = d.getTimezoneOffset();  
  123.   
  124.     if  (tz 的链接点的名称,另一个函数link设定的URL地址。  
  125.   (2 )big函数:将字体加到一号,与...标签结果相同。  
  126.   (3 )blink函数:使字符串闪烁,与...标签结果相同。  
  127.   (4 )bold函数:使字体加粗,与...标签结果相同。  
  128.   (5 )charAt函数:返回字符串中指定的某个字符。  
  129.   (6 )fixed函数:将字体设定为固定宽度字体,与...标签结果相同。  
  130.   (7 )fontcolor函数:设定字体颜色,与标签结果相同。  
  131.   (8 )fontsize函数:设定字体大小,与标签结果相同。  
  132.   (9 )indexOf函数:返回字符串中第一个查找到的下标index,从左边开始查找。  
  133.   (10 )italics函数:使字体成为斜体字,与...标签结果相同。  
  134.   (11 )lastIndexOf函数:返回字符串中第一个查找到的下标index,从右边开始查找。  
  135.   (12 )length函数:返回字符串的长度。(不用带括号)  
  136.   (13 )link函数:产生一个超级链接,相当于设定的URL地址。  
  137.   (14 )small函数:将字体减小一号,与...标签结果相同。  
  138.   (15 )strike函数:在文本的中间加一条横线,与...标签结果相同。  
  139.   (16 )sub函数:显示字符串为下标字(subscript)。  
  140.   (17 )substring函数:返回字符串中指定的几个字符。  
  141.   (18 )sup函数:显示字符串为上标字(superscript)。  
  142.   (19 )toLowerCase函数:将字符串转换为小写。  
  143.   (20 )toUpperCase函数:将字符串转换为大写。  
  144.   
  145. //校验是否全由数字组成   
  146.   
  147.  程序代码  
  148. function isDigit(s)  
  149. {  
  150. var patrn=/^[0 - 9 ]{ 1 , 20 }$/;  
  151. if  (!patrn.exec(s))  return   false   
  152. return   true   
  153. }  
  154.   
  155.   
  156. //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串   
  157.   
  158.  程序代码  
  159. function isRegisterUserName(s)  
  160. {  
  161. var patrn=/^[a-zA-Z]{1 }([a-zA-Z0- 9 ]|[._]){ 4 , 19 }$/;  
  162. if  (!patrn.exec(s))  return   false   
  163. return   true   
  164. }  
  165.   
  166.   
  167. //校验用户姓名:只能输入1-30个以字母开头的字串   
  168.   
  169.  程序代码  
  170. function isTrueName(s)  
  171. {  
  172. var patrn=/^[a-zA-Z]{1 , 30 }$/;  
  173. if  (!patrn.exec(s))  return   false   
  174. return   true   
  175. }  
  176.   
  177. //校验密码:只能输入6-20个字母、数字、下划线   
  178.   
  179.  程序代码  
  180. function isPasswd(s)  
  181. {  
  182. var patrn=/^(\w){6 , 20 }$/;  
  183. if  (!patrn.exec(s))  return   false   
  184. return   true   
  185. }  
  186.   
  187.   
  188. //校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”   
  189.   
  190.  程序代码  
  191. function isTel(s)  
  192. {  
  193. //var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;   
  194. var patrn=/^[+]{0 , 1 }(\d){ 1 , 3 }[ ]?([-]?((\d)|[ ]){ 1 , 12 })+$/;  
  195. if  (!patrn.exec(s))  return   false   
  196. return   true   
  197. }  
  198.   
  199.   
  200. //校验手机号码:必须以数字开头,除数字外,可含有“-”   
  201.   
  202.  程序代码  
  203. function isMobil(s)  
  204. {  
  205. var patrn=/^[+]{0 , 1 }(\d){ 1 , 3 }[ ]?([-]?((\d)|[ ]){ 1 , 12 })+$/;  
  206. if  (!patrn.exec(s))  return   false   
  207. return   true   
  208. }  
  209.   
  210. //校验邮政编码   
  211.   
  212.  程序代码  
  213. function isPostalCode(s)  
  214. {  
  215. //var patrn=/^[a-zA-Z0-9]{3,12}$/;   
  216. var patrn=/^[a-zA-Z0-9  ]{ 3 , 12 }$/;  
  217. if  (!patrn.exec(s))  return   false   
  218. return   true   
  219. }  
  220.   
  221. //校验搜索关键字   
  222.   
  223.  程序代码  
  224. function isSearch(s)  
  225. {  
  226. var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;\'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;\' \,.<>?]{ 0 , 19 }$/;  
  227. if  (!patrn.exec(s))  return   false   
  228. return   true   
  229. }  
  230.   
  231.   
  232.  程序代码  
  233. function isIP(s) //by zergling   
  234. {  
  235. var patrn=/^[0 - 9 .]{ 1 , 20 }$/;  
  236. if  (!patrn.exec(s))  return   false   
  237. return   true   
  238. }  
  239.   

你可能感兴趣的:(JavaScript,css,IE)