熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> Javascript >> 正文

javascript常用代碼大全

2013-11-23 17:55:41  來源: Javascript 

  //打開模式對話框
function doSelectUser(txtId)
{

  strFeatures=dialogWidth=px;dialogHeight=px;center=yes;

  middle=yes ;help=no;status=no;scroll=no;
      var urlstrReturn;
 
      url=selUseraspx;
       
      strReturn=windowshowModalDialog(urlstrFeatures);  

  //返回模式對話框的值
function okbtn_onclick()
{
var commstr=;         
     
windowreturnValue=commstr;

  windowclose() ;
}
全屏幕打開 IE 窗口
var winWidth=screenavailWidth ;
var winHeight=screenavailHeight;
windowopen(mainaspxsurveyWindowtoolbar=nowidth=+ winWidth  +height=+ winHeight  +top=left=scrollbars=yesresizable=yescenter:yesstatusbars=yes);
break
//腳本中中使用xml
function initialize() {
  var xmlDoc
  var xslDoc

  xmlDoc = new ActiveXObject(MicrosoftXMLDOM)
  xmlDocasync = false;

  xslDoc = new ActiveXObject(MicrosoftXMLDOM)
  xslDocasync = false;

  xmlDocload(treexml)
  xslDocload(treexsl)
 
 
  folderTreeinnerHTML = xmlDocdocumentElementtransformNode(xslDoc)
}

  一驗證類
數字驗證內
  整數
  大於的整數 (用於傳來的ID的驗證)
  負整數的驗證
  整數不能大於iMax
  整數不能小於iMin
時間類
  短時間形如 (::)
  短日期形如 ()
  長時間形如 ( ::)
  只有年和月形如(或者)
  只有小時和分鐘形如(:)
表單類
  所有的表單的值都不能為空
  多行文本框的值不能為空
  多行文本框的值不能超過sMaxStrleng
  多行文本框的值不能少於sMixStrleng
  判斷單選框是否選擇
  判斷復選框是否選擇
  復選框的全選多選全不選反選
  文件上傳過程中判斷文件類型
字符類
  判斷字符全部由aZ或者是AZ的字字母組成
  判斷字符由字母和數字組成
  判斷字符由字母和數字下劃線點號組成且開頭的只能是下劃線和字母
  字符串替換函數Replace();
浏覽器類
  判斷浏覽器的類型
  判斷ie的版本
  判斷客戶端的分辨率
 
結合類
  email的判斷
  手機號碼的驗證
  身份證的驗證
 

  時間與相關控件類
  日歷
  時間控件
  萬年歷
  顯示動態顯示時鐘效果(文本如OA中時間)
  顯示動態顯示時鐘效果 (圖像像手表)
表單類
  自動生成表單
  動態添加修改刪除下拉框中的元素
  可以輸入內容的下拉框
  多行文本框中只能輸入iMax文字如果多輸入了自動減少到iMax個文字(多用於短信發送)
 
打印類
  打印控件
事件類
  屏蔽右鍵
  屏蔽所有功能鍵
  > 和< F FFF
  屏蔽組合鍵ctrl+N
網頁設計類
  連續滾動的文字圖片(注意是連續的兩段文字和圖片中沒有空白出現)
  html編輯控件類
  顏色選取框控件
  下拉菜單
  兩層或多層次的下拉菜單
  仿IE菜單的按鈕(效果如的導航欄目)
  狀態欄title欄的動態效果(例子很多可以研究一下)
  雙擊後網頁自動滾屏
樹型結構
  asp+SQL版
  asp+xml+sql版
  java+sql或者java+sql+xml
無邊框效果的制作
連動下拉框技術
文本排序
畫圖類含餅矢量貝滋曲線
操縱客戶端注冊表類
DIV層相關(拖拽顯示隱藏移動增加)
TABLAE相關(客戶端動態增加行列模擬進度條滾動列表等)
各種<object classid=>相關類如播放器flash與腳本互動等
刷新/模擬無刷新 異步調用類(XMLHttp或iframeframe)

驗證類
數字驗證內
  整數
      /^(|\+)?\d+$/test(str)
  大於的整數 (用於傳來的ID的驗證)
      /^\d+$/test(str)
  負整數的驗證
      /^\d+$/test(str)
時間類
  短時間形如 (::)
      function isTime(str)
      {
        var a = strmatch(/^(\d{})(:)?(\d{})\(\d{})$/);
        if (a == null) {alert(輸入的參數不是時間格式); return false;}
        if (a[]> || a[]> || a[]>)
        {
          alert(時間格式不對);
          return false
        }
        return true;
      }
  短日期形如 ()
      function strDateTime(str)
      {
         var r = strmatch(/^(\d{})(|\/)(\d{})\(\d{})$/);
         if(r==null)return false;
         var d= new Date(r[] r[] r[]);
         return (dgetFullYear()==r[]&&(dgetMonth()+)==r[]&&dgetDate()==r[]);
      }
  長時間形如 ( ::)
      function strDateTime(str)
      {
        var reg = /^(\d{})(|\/)(\d{})\(\d{}) (\d{}):(\d{}):(\d{})$/;
        var r = strmatch(reg);
        if(r==null)return false;
        var d= new Date(r[] r[]r[]r[]r[]r[]);
        return (dgetFullYear()==r[]&&(dgetMonth()+)==r[]&&dgetDate()==r[]&&dgetHours()==r[]&&dgetMinutes()==r[]&&dgetSeconds()==r[]);
      }
  只有年和月形如(或者)
  只有小時和分鐘形如(:)
表單類
  所有的表單的值都不能為空
      <input onblur=if(thisvaluereplace(/^\s+|\s+$/g)==)alert(不能為空!)>
  多行文本框的值不能為空
  多行文本框的值不能超過sMaxStrleng
  多行文本框的值不能少於sMixStrleng
  判斷單選框是否選擇
  判斷復選框是否選擇
  復選框的全選多選全不選反選
  文件上傳過程中判斷文件類型
字符類
  判斷字符全部由aZ或者是AZ的字字母組成
      <input onblur=if(/[^azAZ]/gtest(thisvalue))alert(有錯)>
  判斷字符由字母和數字組成
      <input onblur=if(/[^azAZ]/gtest(thisvalue))alert(有錯)>
  判斷字符由字母和數字下劃線點號組成且開頭的只能是下劃線和字母
      /^([azAz_]{})([\w]*)$/gtest(str)
  字符串替換函數Replace();
浏覽器類
  判斷浏覽器的類型
      windownavigatorappName
  判斷ie的版本
      windownavigatorappVersion
  判斷客戶端的分辨率
      windowscreenheight;  windowscreenwidth;
 
結合類
  email的判斷
      function ismail(mail)
      {
        return(new RegExp(/^\w+((\w+)|(\\w+))*\@[AZaz]+((\|)[AZaz]+)*\[AZaz]+$/)test(mail));
      }
  手機號碼的驗證
  身份證的驗證
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert(輸入的不是數字!); return false;}
        var len = numlength re;
        if (len == )
          re = new RegExp(/^(\d{})()?(\d{})(\d{})(\d{})(\d{})$/);
        else if (len == )
          re = new RegExp(/^(\d{})()?(\d{})(\d{})(\d{})(\d{})(\d)$/);
        else {alert(輸入的數字位數不對!); return false;}
        var a = nummatch(re);
        if (a != null)
        {
          if (len==)
          {
            var D = new Date(+a[]+/+a[]+/+a[]);
            var B = DgetYear()==a[]&&(DgetMonth()+)==a[]&&DgetDate()==a[];
          }
          else
          {
            var D = new Date(a[]+/+a[]+/+a[]);
            var B = DgetFullYear()==a[]&&(DgetMonth()+)==a[]&&DgetDate()==a[];
          }
          if (!B) {alert(輸入的身份證號 + a[] + 裡出生日期不對!); return false;}
        }
        return true;
      }

  畫圖:
<OBJECT
id=S

height=
width=
classid=clsid:CDACDDACE>
</OBJECT>
<SCRIPT>
SDrawingSurfaceArcDegrees();
SDrawingSurfaceArcRadians();
SDrawingSurfaceLine();
</SCRIPT>

寫注冊表
<SCRIPT>
var WshShell = WScriptCreateObject(WScriptShell);
WshShellRegWrite (HKCU\\Software\\ACME\\FortuneTeller\\ REG_BINARY);
WshShellRegWrite (HKCU\\Software\\ACME\\FortuneTeller\\MindReader Goocher! REG_SZ);
var bKey =    WshShellRegRead (HKCU\\Software\\ACME\\FortuneTeller\\);
WScriptEcho (WshShellRegRead (HKCU\\Software\\ACME\\FortuneTeller\\MindReader));
WshShellRegDelete (HKCU\\Software\\ACME\\FortuneTeller\\MindReader);
WshShellRegDelete (HKCU\\Software\\ACME\\FortuneTeller\\);
WshShellRegDelete (HKCU\\Software\\ACME\\);
</SCRIPT>

  TABLAE相關(客戶端動態增加行列)
<HTML>
<SCRIPT LANGUAGE=JScript>
function numberCells() {
    var count=;
    for (i=; i < documentallmytablerowslength; i++) {
        for (j=; j < documentallmytablerows(i)cellslength; j++) {
            documentallmytablerows(i)cells(j)innerText = count;
            count++;
        }
    }
}
</SCRIPT>
<BODY onload=numberCells()>
<TABLE id=mytable border=>
<TR><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>
</TABLE>
</BODY>
</HTML>

  1.身份證嚴格驗證

  <script>
var aCity={:北京:天津:河北:山西:內蒙古:遼寧:吉林:黑龍江:上海:江蘇:浙江:安徽:福建:江西:山東:河南:湖北:湖南:廣東:廣西:海南:重慶:四川:貴州:雲南:西藏:陝西:甘肅:青海:寧夏:新疆:台灣:香港:澳門:國外}
 
function cidInfo(sId){
var iSum=
var info=
if(!/^\d{}(\d|x)$/itest(sId))return false;
sId=sIdreplace(/x$/ia);
if(aCity[parseInt(sIdsubstr())]==null)return Error:非法地區;
sBirthday=sIdsubstr()++Number(sIdsubstr())++Number(sIdsubstr());
var d=new Date(sBirthdayreplace(//g/))
if(sBirthday!=(dgetFullYear()++ (dgetMonth()+) + + dgetDate()))return Error:非法生日;
for(var i = ;i>=;i ) iSum += (Mathpow(i) % ) * parseInt(sIdcharAt( i))
if(iSum%!=)return Error:非法證號;
return aCity[parseInt(sIdsubstr())]++sBirthday++(sIdsubstr()%?:)
}

  documentwrite(cidInfo()<br/>);
documentwrite(cidInfo()<br/>)
documentwrite(cidInfo()<br/>)
documentwrite(cidInfo(x)<br/>);
</script>

  2.驗證IP地址
<SCRIPT LANGUAGE=JavaScript>
function isip(s){
var check=function(v){try{return (v<= && v>=)}catch(x){return false}};
var re=ssplit()
return (relength==)?(check(re[]) && check(re[]) && check(re[]) && check(re[])):false
}

  var s=;
alert(isip(s))
</SCRIPT>

  3.加sp後還能用的無邊框窗口!!
<HTML XMLNS:IE>
<meta httpequiv=ContentType content=text/html; charset=gb>
<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 <>
 You can use it freely but u must held all the copyright items!
*/

  /* Thanks For andot Again */

  var CW_width= ;
var CW_height= ;
var CW_top= ;
var CW_left= ;
var CW_url= /;
var New_CW= windowcreatePopup();
var CW_Body= New_CWdocumentbody;
var content= ;
var CSStext= margin:px;color:black; border:px outset;borderstyle:expression(onmouseout=onmouseup=function(){thisstyleborderStyle=outset} onmousedown=function(){if(eventbutton!=)thisstyleborderStyle=inset});backgroundcolor:buttonface;width:px;height:px;fontsize:px;lineheight:px;cursor:Default;;

  //Build Window
includestartDownload(CW_url function(source){content=source});

  function insert_content(){
var temp = ;
CW_Bodystyleoverflow= hidden;
CW_BodystylebackgroundColor= white;
CW_Bodystyleborder=  solid black px;
content = contentreplace(/<a ([^>]*)>/g<a onclick=parentopen(thishref);return false $>);
temp += <table width=% height=% cellpadding= cellspacing= border=>;
temp += <tr style=;fontsize:px;background:#CC;height:;cursor:default ondblclick=\MaxinnerText=MaxinnerText==?:;parentif_max=!parentif_max;parentshow_CW();\ onmouseup=parentdrag_up(event) onmousemove=parentdrag_move(event) onmousedown=parentdrag_down(event) onselectstart=return false oncontextmenu=return false>;
temp += <td style=color:#ffffff;paddingleft:px>Chromeless Window For IE SP</td>;
temp += <td style=color:#ffffff;paddingright:px; align=right>;
temp += <span id=Help  onclick=\alert(Chromeless Window For IE SP    Ver \\n\\nCode By Windy_sk\\n\\nSpecial Thanks For andot)\ style=\+CSStext+fontfamily:System;paddingright:px;\>?</span>;
temp += <span id=Min   onclick=parentNew_CWhide();parentblur() style=\+CSStext+fontfamily:Webdings;\ title=Minimum></span>;
temp += <span id=Max   onclick=\thisinnerText=thisinnerText==?:;parentif_max=!parentif_max;parentshow_CW();\ style=\+CSStext+fontfamily:Webdings;\ title=Maximum></span>;
temp += <span id=Close onclick=parentopener=null;parentclose() style=\+CSStext+fontfamily:System;paddingright:px;\ title=Close>x</span>;
temp += </td></tr><tr><td colspan=>;
temp += <div id=include style=overflow:scroll;overflowx:hidden;overflowy:auto; HEIGHT: %; width:+CW_width+>;
temp += content;
temp += </div>;
temp += </td></tr></table>;
CW_BodyinnerHTML = temp;
}

  setTimeout(insert_content());

  var if_max = true;
function show_CW(){
windowmoveTo( );
if(if_max){
New_CWshow(CW_top CW_left CW_width CW_height);
if(typeof(New_CWdocumentallinclude)!=undefined){
New_CWdocumentallincludestylewidth = CW_width;
New_CWdocumentallMaxinnerText = ;
}

  }else{
New_CWshow( screenwidth screenheight);
New_CWdocumentallincludestylewidth = screenwidth;
}
}

  windowonfocus  = show_CW;
windowonresize = show_CW;

  // Move Window
var drag_xdrag_ydraging=false

  function drag_move(e){
if (draging){
New_CWshow(escreenXdrag_x escreenYdrag_y CW_width CW_height);
return false;
}
}

  function drag_down(e){
if(ebutton==)return;
if(New_CWdocumentbodyoffsetWidth==screenwidth && New_CWdocumentbodyoffsetHeight==screenheight)return;
drag_x=eclientX;
drag_y=eclientY;
draging=true;
esrcElementsetCapture();
}

  function drag_up(e){
draging=false;
esrcElementreleaseCapture();
if(New_CWdocumentbodyoffsetWidth==screenwidth && New_CWdocumentbodyoffsetHeight==screenheight) return;
CW_top  = escreenXdrag_x;
CW_left = escreenYdrag_y;
}

  </SCRIPT>
</HTML>


貼兩個關於treeview的
  <script language=javascript>
<!
//初始化選中節點
function initchecknode()
{
 var node=TreeViewgetTreeNode();
 nodesetAttribute(Checkedtrue);
 setcheck(nodetrue);
 FindCheckedFromNode(TreeView);
}
//oncheck事件
function tree_oncheck(tree)
{
 var node=treegetTreeNode(treeclickedNodeIndex);
 var Pchecked=treegetTreeNode(treeclickedNodeIndex)getAttribute(checked);
 setcheck(nodePchecked);
 documentallcheckedvalue=;
 documentalluncheckedvalue=;
 FindCheckedFromNode(TreeView);
}
//設置子節點選中
function setcheck(nodePc)
{
 var i;
 var ChildNode=new Array();
 ChildNode=nodegetChildren();
 
 if(parseInt(ChildNodelength)==)
  return;
 else
 {
  for(i=;i<ChildNodelength;i++)
  {
   var cNode;
   cNode=ChildNode[i];
   if(parseInt(cNodegetChildren()length)!=)
    setcheck(cNodePc);
   cNodesetAttribute(CheckedPc);
  }
 }
}
//獲取所有節點狀態
function FindCheckedFromNode(node) {
 var i = ;
 var nodes = new Array();
 nodes = nodegetChildren();
 
 for (i = ; i < nodeslength; i++) {
  var cNode;
  cNode=nodes[i];
  if (cNodegetAttribute(Checked))
   AddChecked(cNode);
  else
      AddUnChecked(cNode);
 
  if (parseInt(cNodegetChildren()length) != ) {
   FindCheckedFromNode(cNode);
  }
 }
}
//添加選中節點
function AddChecked(node) {
 documentallcheckedvalue += nodegetAttribute(NodeData);
 documentallcheckedvalue += ;
}
//添加未選中節點
function AddUnChecked(node) {
 documentalluncheckedvalue += nodegetAttribute(NodeData);
 documentalluncheckedvalue += ;
}
//>
  </script>


treeview中如何在服務器端得到客戶端設置後的節點選中狀態
 <script language=C# runat=server>
   private void Button_Click(object sender SystemEventArgs e)
   {
    ResponseWrite(TreeViewNodes[]Checked);
   }
  </script>
  <script language=javascript>
   function set_check()
   {
    var nodeindex = ;
    var node=TreeViewgetTreeNode(nodeindex);
    nodesetAttribute(CheckedTrue);
    TreeViewqueueEvent(oncheck nodeindex);
   }
  </script>


三個實用的小技巧:關閉輸入法禁止貼上禁止複製
關閉輸入法

  本文字框輸入法被關閉 
語法
範例 <input type=text name=textfield >

  本文字框禁止貼上文字 
語法onpaste=return false
範例<input type=text name=textfield onpaste=return false>

  本文字框禁止複製 
語法oncopy=return false; oncut=return false;
範例<input name=textfield type=text value=不能複製裡面的字 oncopy=return false; oncut=return false;>


//================================
//Cookie操作
//================================
function getCookieVal (offset)
{
var endstr = okieindexOf (; offset);
if (endstr == )
endstr = okielength;
return unescape(okiesubstring(offset endstr));
}

  function GetCookie (name)
{
var arg = name + =;
var alen = arglength;
var clen = okielength;
var i = ;
while (i < clen)
{
var j = i + alen;
if (okiesubstring(i j) == arg)
return getCookieVal (j);
i = okieindexOf( i) + ;
if (i == )
break;
}
return null;
}

function deleteCookie(cname) {

  var expdate = new Date();
  expdatesetTime(expdategetTime() ( * * * * ));

  // okie = ckValue=ok; expires=+ expdatetoGMTString();
  setCookie(cnameexpdate);

  function setCookie (name value expires) {

  okie = name + = + escape(value) +
    ; expires= + expirestoGMTString() ;
}


一個可以在頁面上隨意畫線多邊形填充等功能的js  (part

  var jg_ihtm jg_ie jg_fast jg_dom jg_moz
jg_n = (documentlayers && typeof documentclasses != undefined);

function chkDHTM(x i)
{
x = documentbody || null;
jg_ie = x && typeof xinsertAdjacentHTML != undefined;
jg_dom = (x && !jg_ie &&
typeof xappendChild != undefined &&
typeof documentcreateRange != undefined &&
typeof (i = documentcreateRange())setStartBefore != undefined &&
typeof icreateContextualFragment != undefined);
jg_ihtm = !jg_ie && !jg_dom && x && typeof xinnerHTML != undefined;
jg_fast = jg_ie && documentall && !windowopera;
jg_moz = jg_dom && typeof xstyleMozOpacity != undefined;
}

function pntDoc()
{
thiswnddocumentwrite(jg_fast? Rpc() : );
= ;
}

function pntCnvDom()
{
var x = documentcreateRange();
xsetStartBefore(v);
x = xcreateContextualFragment(jg_fast? Rpc() : );
vappendChild(x);
= ;
}

function pntCnvIe()
{
vinsertAdjacentHTML(BeforeEnd jg_fast? Rpc() : );
= ;
}

function pntCnvIhtm()
{
vinnerHTML += ;
= ;
}

function pntCnv()
{
= ;
}

function mkDiv(x y w h)
{
+= <div ><\/div>;
}

function mkDivIe(x y w h)
{
+= %%+lor+;+x+;+y+;+w+;+h+;;
}

function mkDivPrt(x y w h)
{
+= <div ><\/div>;
}

function mkLyr(x y w h)
{
+= <layer +
left= + x + +
top= + y + +
width= + w + +
height= + h + +
bgcolor= + lor + ><\/layer>\n;
}

var regex =  /%%([^;]+);([^;]+);([^;]+);([^;]+);([^;]+);/g;
function htmRpc()
{
return replace(
regex
<div ></div>\n);
}

function htmPrtRpc()
{
return replace(
regex
<div ></div>\n);
}

function mkLin(x y x y)
{
if (x > x)
{
var _x = x;
var _y = y;
x = x;
y = y;
x = _x;
y = _y;
}
var dx = xx dy = Mathabs(yy)
x = x y = y
yIncr = (y > y)? : ;

  if (dx >= dy)
{
var pr = dy<<
pru = pr (dx<<)
p = prdx
ox = x;
while ((dx) > )
{
++x;
if (p > )
{
thismkDiv(ox y xox );
y += yIncr;
p += pru;
ox = x;
}
else p += pr;
}
thismkDiv(ox y xox+ );
}

  else
{
var pr = dx<<
pru = pr (dy<<)
p = prdy
oy = y;
if (y <= y)
{
while ((dy) > )
{
if (p > )
{
thismkDiv(x++ y oyy+);
y += yIncr;
p += pru;
oy = y;
}
else
{
y += yIncr;
p += pr;
}
}
thismkDiv(x y oyy+);
}
else
{
while ((dy) > )
{
y += yIncr;
if (p > )
{
thismkDiv(x++ oy yoy);
p += pru;
oy = y;
}
else p += pr;
}
thismkDiv(x oy yoy+);
}
}
}
From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25371.html

  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.