在b/s開發中經常用到的javaScript技術整理,js,javascript參考,js參考

涓???楠?璇?绫?1???闆??楠?璇???
  1.1 ?存??  1.2 澶т?0???存??锛??ㄤ?浼??ョ??ID??楠?璇?)
  1.3 璐??存?扮??楠?璇?
  1.4 ?存?頒??藉ぇ浜?iMax
  1.5 ?存?頒??藉?浜?iMin
2???堕?寸被
  2.1 ???堕?達?褰㈠? (13:04:06)
  2.2 ???ユ??锛?褰㈠? (2003-12-05)
  2.3 ?挎?堕?達?褰㈠? (2003-12-05 13:04:06)
  2.4 ????骞村??????褰㈠?(2003-05,????2003-5)
  2.5 ????灏??跺??????,褰㈠?(12:03)
3??琛ㄥ??绫?  3.1 ??????琛ㄥ?????奸?戒??戒負绌?  3.2 澶?琛?????妗????間??戒負绌恒??
  3.3 澶?琛?????妗????間??借?杩?sMaxStrleng
  3.4 澶?琛?????妗????間??藉?浜?sMixStrleng
  3.5 ?ゆ??????妗????????┿??
  3.6 ?ゆ??澶???妗?????????
  3.7 澶???妗????ㄩ??锛?澶???锛??ㄤ???锛?????
  3.8 ??浠朵?浼?杩?绋?涓??ゆ????浠剁被??
4??瀛?绗?被
  4.1 ?ゆ??瀛?绗??ㄩ?ㄧ??-Z??????A-Z??瀛?瀛?姣?缁???
  4.2 ?ゆ??瀛?绗??卞??姣????闆??缁?????
  4.3 ?ゆ??瀛?绗??卞??姣????闆??锛?涓???绾??瑰?風???.涓?寮?澶寸?????芥??涓???绾垮??瀛?姣?
  4.4 瀛?绗?覆?挎?㈠?芥??Replace();
5??娴?瑙??ㄧ被
  5.1 ?ゆ??娴?瑙??ㄧ??绫誨??
  5.2 ?ゆ??ie??????
  5.3 ?ゆ??瀹㈡?風??????杈ㄧ??
  
6??缁???绫?  6.1 email???ゆ????
  6.2 ???哄?風????楠?璇?
  6.3 韬?浠借????楠?璇?
  
浜??????界被1???堕?翠??稿?蟲?т歡绫?  1.1 ?ュ??
  1.2 ?堕?存?т歡
  1.3 涓?骞村??
  1.4 ?劇ず?ㄦ???劇ず?堕??????锛?????锛?濡?OA涓??堕?達?
  1.5 ?劇ず?ㄦ???劇ず?堕?????? (?懼??锛?????琛? 
2??琛ㄥ??绫?  2.1 ???ㄧ????琛ㄥ??
  2.2 ?ㄦ??娣誨??锛?淇??癸????や???妗?涓?????绱?
  2.3 ??浠ヨ??ュ??瀹圭??涓???妗?
  2.4 澶?琛?????妗?涓????借???Max??瀛???濡???澶?杈??ヤ?锛????ㄥ??灏???Max涓???瀛?锛?澶??ㄤ???淇″????)
  
3?????扮被
  3.1 ???版?т歡
4??浜?浠剁被
  4.1 灞??藉?抽??
  4.2 灞??芥???????介??
  4.3 --> ??<-- F5 F11,F9,F1
  4.4 灞??界?????ctrl+N
5??缃?椤佃?捐?＄被
  5.1 杩?缁?婊??ㄧ????瀛?锛??劇??锛?娉ㄦ????杩?缁???锛?涓ゆ?墊??瀛????劇??涓?娌℃??绌虹?藉?虹?幫?
  5.2 html缂?杈??т歡绫?  5.3 棰??查????妗??т歡
  5.4 涓???????
  5.5 涓ゅ???澶?灞?娆＄??涓???????
  5.6 浠?E????????????锛?????濡?rongshuxa.com??瀵艱??????)
  5.7 ?舵????锛?title?????ㄦ??????锛?渚?瀛?寰?澶?锛???浠ョ??绌朵?涓?锛?
  5.8 ???誨??锛?缃?椤佃???ㄦ?灞?
6??????缁?????
  6.1 asp+SQL??
  6.2 asp+xml+sql??
  6.3 java+sql????java+sql+xml
7????杈規????????朵?
8??杩??ㄤ???妗?????
9????????搴?涓???楠?璇?绫?1???闆??楠?璇???
  1.1 ?存??      /^(-|/+)?/d+$/.test(str)
  1.2 澶т?0???存??锛??ㄤ?浼??ョ??ID??楠?璇?)
      /^/d+$/.test(str)
  1.3 璐??存?扮??楠?璇?
      /^-/d+$/.test(str)
2???堕?寸被
  2.1 ???堕?達?褰㈠? (13:04:06)
      function isTime(str)
      {
        var a = str.match(/^(/d{1,2})(:)?(/d{1,2})/2(/d{1,2})$/);
        if (a == null) {alert('杈??ョ?????頒????堕?存?煎?'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert("?堕?存?煎?涓?瀵?);
          return false
        }
        return true;
      }
  2.2 ???ユ??锛?褰㈠? (2003-12-05)
      function strDateTime(str)
      {
         var r = str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/); 
         if(r==null)return false; 
         var d= new Date(r[1], r[3]-1, r[4]); 
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }
  2.3 ?挎?堕?達?褰㈠? (2003-12-05 13:04:06)
      function strDateTime(str)
      {
        var reg = /^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2}) (/d{1,2}):(/d{1,2}):(/d{1,2})$/; 
        var r = str.match(reg); 
        if(r==null)return false; 
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
      }
  2.4 ????骞村??????褰㈠?(2003-05,????2003-5)
  2.5 ????灏??跺??????,褰㈠?(12:03)
3??琛ㄥ??绫?  3.1 ??????琛ㄥ?????奸?戒??戒負绌?      <input 慰nblur="if(this.value.replace(/^/s+|/s+$/g,'')=='')alert('涓??戒負绌?')">
  3.2 澶?琛?????妗????間??戒負绌恒??
  3.3 澶?琛?????妗????間??借?杩?sMaxStrleng
  3.4 澶?琛?????妗????間??藉?浜?sMixStrleng
  3.5 ?ゆ??????妗????????┿??
  3.6 ?ゆ??澶???妗?????????
  3.7 澶???妗????ㄩ??锛?澶???锛??ㄤ???锛?????
  3.8 ??浠朵?浼?杩?绋?涓??ゆ????浠剁被??
4??瀛?绗?被
  4.1 ?ゆ??瀛?绗??ㄩ?ㄧ??-Z??????A-Z??瀛?瀛?姣?缁???
      <input 慰nblur="if(/[^a-zA-Z]/g.test(this.value))alert('????')">
  4.2 ?ゆ??瀛?绗??卞??姣????闆??缁?????
      <input 慰nblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('????')">
  4.3 ?ゆ??瀛?绗??卞??姣????闆??锛?涓???绾??瑰?風???.涓?寮?澶寸?????芥??涓???绾垮??瀛?姣?
      /^([a-zA-z_]{1})([/w]*)$/g.test(str)
  4.4 瀛?绗?覆?挎?㈠?芥??Replace();
5??娴?瑙??ㄧ被
  5.1 ?ゆ??娴?瑙??ㄧ??绫誨??
      window.navigator.appName
  5.2 ?ゆ??ie??????
      window.navigator.appVersion
  5.3 ?ゆ??瀹㈡?風??????杈ㄧ??
      window.screen.height;  window.screen.width;
  
6??缁???绫?  6.1 email???ゆ????
      function ismail(mail)
      {
        return(new RegExp(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/).test(mail));
      }
  6.2 ???哄?風????楠?璇?
  6.3 韬?浠借????楠?璇?
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert("杈??ョ??涓????闆??锛?"); return false;}
        var len = num.length, re; 
        if (len == 15)
          re = new RegExp(/^(/d{6})()?(/d{2})(/d{2})(/d{2})(/d{3})$/);
        else if (len == 18)
          re = new RegExp(/^(/d{6})()?(/d{4})(/d{2})(/d{2})(/d{3})(/d)$/);
        else {alert("杈??ョ???闆??浣??頒?瀵癸?"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          else
          {
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          if (!B) {alert("杈??ョ??韬?浠借????"+ a[0] +" ???虹???ユ??涓?瀵癸?"); return false;}
        }
        return true;
      }3.7 澶???妗????ㄩ??锛?澶???锛??ㄤ???锛?????
<form name=hrong>
<input type=checkbox name=All 慰nclick="checkAll('mm')">?ㄩ??<br/>
<input type=checkbox name=mm 慰nclick="checkItem('All')"><br/>
<input type=checkbox name=mm 慰nclick="checkItem('All')"><br/>
<input type=checkbox name=mm 慰nclick="checkItem('All')"><br/>
<input type=checkbox name=mm 慰nclick="checkItem('All')"><br/>
<input type=checkbox name=mm 慰nclick="checkItem('All')"><br/><br/><input type=checkbox name=All2 慰nclick="checkAll('mm2')">?ㄩ??<br/>
<input type=checkbox name=mm2 慰nclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 慰nclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 慰nclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 慰nclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 慰nclick="checkItem('All2')"><br/></form>
<SCRIPT LANGUAGE="java script">
function checkAll(str)
{
  var a = document.getElementsByName(str);
  var n = a.length;
  for (var i=0; i<n; i++)
  a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
  var e = window.event.srcElement;
  var all = eval锛?"document.hrong."+ str);
  if (e.checked)
  {
    var a = document.getElementsByName(e.name);
    all.checked = true;
    for (var i=0; i<a.length; i++)
    {
      if (!a[i].checked){ all.checked = false; break;}
    }
  }
  else all.checked = false;
}
</SCRIPT>3.8 ??浠朵?浼?杩?绋?涓??ゆ????浠剁被??
<input type=file 慰nchange="alert(this.value.match(/^(.*)(/.)(.{1,8})$/)[3])">?誨??
<OBJECT 
id=S 
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px" 
height=240 
width=392 
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
</OBJECT>
<SCRIPT>
S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);
S.DrawingSurface.ArcRadians(30,0,0,30,50,60);
S.DrawingSurface.Line(10,10,100,100);
</SCRIPT>??娉ㄥ??琛??
<SCRIPT>
var WshShell = WScript.CreateObject("WScript.Shell");
WshShell.RegWrite ("HKCU//Software//ACME//FortuneTeller//", 1, "REG_BINARY");
WshShell.RegWrite ("HKCU//Software//ACME//FortuneTeller//MindReader", "Goocher!", "REG_SZ");
var bKey =    WshShell.RegRead ("HKCU//Software//ACME//FortuneTeller//");
WScript.Echo (WshShell.RegRead ("HKCU//Software//ACME//FortuneTeller//MindReader"));
WshShell.RegDelete ("HKCU//Software//ACME//FortuneTeller//MindReader");
WshShell.RegDelete ("HKCU//Software//ACME//FortuneTeller//");
WshShell.RegDelete ("HKCU//Software//ACME//");
</SCRIPT>TABLAE?稿??瀹㈡?風???ㄦ??澧???琛???锛?
<HTML>
<SCRIPT LANGUAGE="JScript">
function numberCells() {
    var count=0;
    for (i=0; i < document.all.mytable.rows.length; i++) {
        for (j=0; j < document.all.mytable.rows(i).cells.length; j++) {
            document.all.mytable.rows(i).cells(j).innerText = count;
            count++;
        }
    }
}
</SCRIPT>
<BODY 慰nl慰ad="numberCells()">
<TABLE id=mytable border=1>
<TR><TH>?</TH><TH>?</TH><TH>?</TH><TH>?</TH></TR>
<TR><TD>?</TD><TD>?</TD><TD>?</TD><TD>?</TD></TR>
<TR><TD>?</TD><TD>?</TD><TD>?</TD><TD>?</TD></TR>
</TABLE>
</BODY>
</HTML> 锛?锛?韬?浠借??涓ユ?奸??璇?锛?
<script>
var aCity={11:"??浜?",12:"澶╂觸",13:"娌沖??",14:"灞辮タ",15:"??????,21:"杈藉??",22:"????",23:"榛?榫?姹?",31:"涓?娴?,32:"姹???",33:"娴?姹?",34:"瀹?寰?,35:"绂?寤?,36:"姹?瑗?,37:"灞變?",41:"娌沖??",42:"婀???",43:"婀???",44:"骞誇?",45:"骞胯タ",46:"娴峰??",50:"??搴?",51:"??宸?",52:"璐靛?",53:"浜???",54:"瑗胯??",61:"??瑗?,62:"????",63:"??娴?,64:"瀹?澶?",65:"?扮??",71:"?版咕",81:"棣?娓?",82:"婢抽??,91:"?藉?"}
  function cidInfo(sId){
 var iSum=0
 var info=""
 if(!/^/d{17}(/d|x)$/i.test(sId))return false;
 sId=sId.replace(/x$/i,"a");
 if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:??娉??闆??;
 sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
 var d=new Date(sBirthday.replace(/-/g,"/"))
 if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:??娉?????;
 for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11)
 if(iSum%11!=1)return "Error:??娉?璇???;
 return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"??:"濂?)
}document.write(cidInfo("380524198002300016"),"<br/>");
document.write(cidInfo("340524198002300019"),"<br/>")
document.write(cidInfo("340524197711111111"),"<br/>")
document.write(cidInfo("34052419800101001x"),"<br/>");
</script>锛?锛?楠?璇?锛╋及?闆??
<SCRIPT LANGUAGE="java script">
function isip(s){
 var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
 var re=s.split(".")
 return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}var s="202.197.78.129";
alert(isip(s))
</SCRIPT> 
锛?锛???sp1??杩??界?ㄧ????杈規?绐??ｏ?锛?
<HTML XMLNS:IE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<IE:Download ID="include" STYLE="behavior:url(#default#download)" />
<title>Chromeless Window</title><SCRIPT LANGUAGE="JScript">
/*--- Special Thanks For andot ---*//*
 This following code are designed and writen by Windy_sk <[email protected]??????>
 You can use it freely, but u must held all the copyright items!
*//*--- Thanks For andot Again ---*/
var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(慰nm慰use慰ut=慰nm慰useup=function(){this.style.borderStyle='outset'}, 慰nm慰used慰wn=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";//Build Window
include.startDownload(CW_url, function(source){content=source});function insert_content(){
 var temp = "";
 CW_Body.style.overflow  = "hidden";
 CW_Body.style.backgroundColor = "white";
 CW_Body.style.border  =  "solid black 1px";
 content = content.replace(/<a ([^>]*)>/g,"<a 慰nclick='parent.open(this.href);return false' $1>");
 temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
 temp += "<tr style=';font-size:12px;background:#0099CC;height:20;cursor:default' 慰ndblclick=/"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();/" 慰nm慰useup='parent.drag_up(event)' 慰nm慰usem慰ve='parent.drag_move(event)' 慰nm慰used慰wn='parent.drag_down(event)' onselectstart='return false' 慰nc慰ntextmenu='return false'>";
 temp += "<td style='color:#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";
 temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";
 temp += "<span id=Help  慰nclick=/"alert('Chromeless Window For IE6 SP1  -  Ver 1.0//n//nCode By Windy_sk//n//nSpecial Thanks For andot')/" style=/""+CSStext+"font-family:System;padding-right:2px;/">?</span>";
 temp += "<span id=Min   慰nclick='parent.New_CW.hide();parent.blur()' style=/""+CSStext+"font-family:Webdings;/" title='Minimum'>0</span>";
 temp += "<span id=Max   慰nclick=/"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();/" style=/""+CSStext+"font-family:Webdings;/" title='Maximum'>1</span>";
 temp += "<span id=Close 慰nclick='parent.opener=null;parent.close()' style=/""+CSStext+"font-family:System;padding-right:2px;/" title='Close'>x</span>";
 temp += "</td></tr><tr><td colspan=2>";
 temp += "<div id=include style='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT: 100%; width:"+CW_width+"'>";
 temp += content;
 temp += "</div>";
 temp += "</td></tr></table>";
 CW_Body.innerHTML = temp;
}setTimeout("insert_content()",1000);
var if_max = true;
function show_CW(){
 window.moveTo(10000, 10000);
 if(if_max){
  New_CW.show(CW_top, CW_left, CW_width, CW_height);
  if(typeof(New_CW.document.all.include)!="undefined"){
   New_CW.document.all.include.style.width = CW_width;
   New_CW.document.all.Max.innerText = "1";
  }
  
 }else{
  New_CW.show(0, 0, screen.width, screen.height);
  New_CW.document.all.include.style.width = screen.width;
 }
}window.onfocus  = show_CW;
window.onresize = show_CW;// Move Window
var drag_x,drag_y,draging=falsefunction drag_move(e){
 if (draging){
  New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);
  return false;
 }
}function drag_down(e){
 if(e.button==2)return;
 if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;
 drag_x=e.clientX;
 drag_y=e.clientY;
 draging=true;
 e.srcElement.setCapture();
}function drag_up(e){
 draging=false;
 e.srcElement.releaseCapture();
 if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;
 CW_top  = e.screenX-drag_x;
 CW_left = e.screenY-drag_y;
}</SCRIPT>
</HTML>?佃???風????楠?璇?
瑕?姹?锛?
????(1)?佃???風???辨?闆????"("??")"??"-"????
????(2)?佃???風??涓???浣?
????(3)濡????佃???風??涓????????哄?鳳??ｄ??哄?蜂負涓?浣?????浣?
????(4)?哄?風??("??")"??"-"???朵??ㄥ????寮?
????(5)绉誨?ㄧ?佃???風??涓?1??12浣?锛?濡???涓?2浣?,?ｄ?绗?涓?浣?涓?
????(6)11浣?绉誨?ㄧ?佃???風????绗?涓?浣???绗?浜?浣?涓?13"
????(7)12浣?绉誨?ㄧ?佃???風????绗?浜?浣???绗?涓?浣?涓?13"
?????規??杩????¤???锛???浠ヤ??轟互涓?姝ｅ??琛ㄨ揪寮?锛?
????(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)<script language="java script">
function PhoneCheck(s) {
var str=s;
var reg=/(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/
alert(reg.test(str));
}
</script>
<input type=text name="iphone">
<input type=button 慰nclick="PhoneCheck(document.all.iphone.value)" value="Check">?鋒???ㄨ??ラ???闆??瀛?绗?????劇??????锛??沖?歸???闆??瀛?绗???杈??ヤ?浣???搴???
function numbersonly(field,event){
 var key,keychar;
 if(window.event){
  key = window.event.keyCode;
 }
 else if (event){
  key = event.which;
 }
 else{
  return true
 }
 keychar = String.fromCharCode(key);
 if((key == null)||(key == 0)||(key == 8)||(key == 9)||(key == 13)||(key == 27)){
  return true;
 }
 else if(("0123456789.").indexOf(keychar)>-1){
  window.status = "";
  return true;
 }
 else {
  window.status = "Field excepts numbers only";
  return false;
 }
}楠?璇?ip 
str=document.RegExpDemo.txtIP.value;
if(/^(/d{1,3})/.(/d{1,3})/.(/d{1,3})/.(/d{1,3})$/.test(str)==false)
{
 window.alert('??璇???IP?闆???煎?');
 document.RegExpDemo.txtIP.select();
 document.RegExpDemo.txtIP.focus();
 return;
}
if(RegExp.$1<1 || RegExp.$1>254||RegExp.$2<0||RegExp.$2>254||RegExp.$3<0||RegExp.$3>254||RegExp.$4<1||RegExp.$4>254)
{
 window.alert('??璇???IP?闆??');
 document.RegExpDemo.txtIP.select();
 document.RegExpDemo.txtIP.focus();
 return;
}
//????濡?  010.020.020.03 ??????0 
var str=str.replace(/0(/d)/g,"$1");
str=str.replace(/0(/d)/g,"$1");
window.alert(str);