知识大全 javascript常用代码大全

Posted 2022-07-20 整数

篇首语：殷殷之情俱系华夏，寸寸丹心皆为家国。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 javascript常用代码大全相关的知识，希望对你有一定的参考价值。

　　//打开模式对话框 function doSelectUser(txtId)

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

　　middle=yes ;help=no;status=no;scroll=no ; var url strReturn; url= selUser aspx ; strReturn=window showModalDialog(url strFeatures);

　　//返回模式对话框的值 function okbtn_onclick() var mstr= ; window returnValue=mstr;

　　window close() ; 全屏幕打开 IE 窗口 var winWidth=screen availWidth ; var winHeight=screen availHeight ; window open( main aspx surveyWindow toolbar=no width= + winWidth + height= + winHeight + top= left= scrollbars=yes resizable=yes center:yes statusbars=yes ); break //脚本中中使用xml function initialize() var xmlDoc var xslDoc

　　xmlDoc = new ActiveXObject( Microsoft XMLDOM ) xmlDoc async = false;

　　xslDoc = new ActiveXObject( Microsoft XMLDOM ) xslDoc async = false;

　　xmlDoc load( tree xml ) xslDoc load( tree xsl ) folderTree innerHTML = xmlDoc documentElement transformNode(xslDoc)

　　一验证类数字验证内整数大于的整数（用于传来的ID的验证) 负整数的验证整数不能大于iMax 整数不能小于iMin 时间类短时间形如 ( : : ) 短日期形如 ( ) 长时间形如 ( : : ) 只有年和月形如( 或者 ) 只有小时和分钟形如( : ) 表单类所有的表单的值都不能为空多行文本框的值不能为空多行文本框的值不能超过sMaxStrleng 多行文本框的值不能少于sMixStrleng 判断单选框是否选择判断复选框是否选择复选框的全选多选全不选反选文件上传过程中判断文件类型字符类判断字符全部由a Z或者是A Z的字字母组成判断字符由字母和数字组成判断字符由字母和数字下划线点号组成且开头的只能是下划线和字母字符串替换函数 Replace(); 浏览器类判断浏览器的类型判断ie的版本判断客户端的分辨率结合类 email的判断手机号码的验证身份证的验证

　　时间与相关控件类日历时间控件万年历显示动态显示时钟效果（文本如OA中时间）显示动态显示时钟效果 (图像像手表) 表单类自动生成表单动态添加修改删除下拉框中的元素可以输入内容的下拉框多行文本框中只能输入iMax文字如果多输入了自动减少到iMax个文字（多用于短信发送) 打印类打印控件事件类屏蔽右键屏蔽所有功能键 > 和< F F F F 屏蔽组合键ctrl+N 网页设计类连续滚动的文字图片（注意是连续的两段文字和图片中没有空白出现）编辑控件类颜色选取框控件下拉菜单两层或多层次的下拉菜单仿IE菜单的按钮（效果如的导航栏目) 状态栏 title栏的动态效果（例子很多可以研究一下）双击后网页自动滚屏树型结构 asp+SQL版 asp+xml+sql版 java+sql或者java+sql+xml 无边框效果的制作连动下拉框技术文本排序画图类含饼柱矢量贝滋曲线操纵客户端注册表类 DIV层相关（拖拽显示隐藏移动增加） TABLAE相关(客户端动态增加行列模拟进度条滚动列表等) 各种<object classid=>相关类如播放器 flash与脚本互动等刷新/模拟无刷新异步调用类（XMLHttp或iframe frame）

一验证类数字验证内整数 /^( |\\+)?\\d+$/ test(str) 大于的整数（用于传来的ID的验证) /^\\d+$/ test(str) 负整数的验证 /^ \\d+$/ test(str) 时间类短时间形如 ( : : ) function isTime(str) var a = str match(/^(\\d )(:)?(\\d )\\ (\\d )$/); if (a == null) alert( 输入的参数不是时间格式 ); return false; if (a[ ]> || a[ ]> || a[ ]> ) alert( 时间格式不对 ); return false return true; 短日期形如 ( ) function strDateTime(str) var r = str match(/^(\\d )( |\\/)(\\d )\\ (\\d )$/); if(r==null)return false; var d= new Date(r[ ] r[ ] r[ ]); return (d getFullYear()==r[ ]&&(d getMonth()+ )==r[ ]&&d getDate()==r[ ]); 长时间形如 ( : : ) function strDateTime(str) var reg = /^(\\d )( |\\/)(\\d )\\ (\\d ) (\\d ):(\\d ):(\\d )$/; var r = str match(reg); if(r==null)return false; var d= new Date(r[ ] r[ ] r[ ] r[ ] r[ ] r[ ]); return (d getFullYear()==r[ ]&&(d getMonth()+ )==r[ ]&&d getDate()==r[ ]&&d getHours()==r[ ]&&d getMinutes()==r[ ]&&d getSeconds()==r[ ]); 只有年和月形如( 或者 ) 只有小时和分钟形如( : ) 表单类所有的表单的值都不能为空 <input onblur= if(this value replace(/^\\s+|\\s+$/g )== )alert( 不能为空! ) > 多行文本框的值不能为空多行文本框的值不能超过sMaxStrleng 多行文本框的值不能少于sMixStrleng 判断单选框是否选择判断复选框是否选择复选框的全选多选全不选反选文件上传过程中判断文件类型字符类判断字符全部由a Z或者是A Z的字字母组成 <input onblur= if(/[^a zA Z]/g test(this value))alert( 有错 ) > 判断字符由字母和数字组成 <input onblur= if(/[^ a zA Z]/g test(this value))alert( 有错 ) > 判断字符由字母和数字下划线点号组成且开头的只能是下划线和字母 /^([a zA z_] )([\\w]*)$/g test(str) 字符串替换函数 Replace(); 浏览器类判断浏览器的类型 window navigator appName 判断ie的版本 window navigator appVersion 判断客户端的分辨率 window screen height; window screen width; 结合类 email的判断 function ismail(mail) return(new RegExp(/^\\w+(( \\w+)|(\\ \\w+))*\\@[A Za z ]+((\\ | )[A Za z ]+)*\\ [A Za z ]+$/) test(mail)); 手机号码的验证身份证的验证 function isIdCardNo(num) if (isNaN(num)) alert( 输入的不是数字！ ); return false; var len = num length 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 = num match(re); if (a != null) if (len== ) var D = new Date( +a[ ]+ / +a[ ]+ / +a[ ]); var B = D getYear()==a[ ]&&(D getMonth()+ )==a[ ]&&D getDate()==a[ ]; else var D = new Date(a[ ]+ / +a[ ]+ / +a[ ]); var B = D getFullYear()==a[ ]&&(D getMonth()+ )==a[ ]&&D getDate()==a[ ]; if (!B) alert( 输入的身份证号 + a[ ] + 里出生日期不对！ ); return false; return true;

　　画图: <OBJECT id=S height= width= classid= clsid: C D AC D D A C E > </OBJECT> <SCRIPT> S DrawingSurface ArcDegrees( ); S DrawingSurface ArcRadians( ); S DrawingSurface Line( ); </SCRIPT> 写注册表 <SCRIPT> var WshShell = WScript CreateObject( WScript Shell ); WshShell RegWrite ( HKCU\\\\Sofare\\\\ACME\\\\FortuneTeller\\\\ REG_BINARY ); WshShell RegWrite ( HKCU\\\\Sofare\\\\ACME\\\\FortuneTeller\\\\MindReader Goocher! REG_SZ ); var bKey = WshShell RegRead ( HKCU\\\\Sofare\\\\ACME\\\\FortuneTeller\\\\ ); WScript Echo (WshShell RegRead ( HKCU\\\\Sofare\\\\ACME\\\\FortuneTeller\\\\MindReader )); WshShell RegDelete ( HKCU\\\\Sofare\\\\ACME\\\\FortuneTeller\\\\MindReader ); WshShell RegDelete ( HKCU\\\\Sofare\\\\ACME\\\\FortuneTeller\\\\ ); WshShell RegDelete ( HKCU\\\\Sofare\\\\ACME\\\\ ); </SCRIPT>

　　TABLAE相关(客户端动态增加行列） <HTML> <SCRIPT LANGUAGE= JScript > function numberCells() var count= ; for (i= ; i < document all mytable rows length; i++) for (j= ; j < document all mytable rows(i) cells length; j++) document all mytable rows(i) cells(j) innerText = count; count++; </SCRIPT> <BODY onload= numberCells() > <TABLE id=mytable border= > <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= : 北京 : 天津 : 河北 : 山西 : 内蒙古 : 辽宁 : 吉林 : 黑龙江 : 上海 : 江苏 : 浙江 : 安徽 : 福建 : 江西 : 山东 : 河南 : 湖北 : 湖南 : 广东 : 广西 : 海南 : 重庆 : 四川 : 贵州 : 云南 : 西藏 : 陕西 : 甘肃 : 青海 : 宁夏 : 新疆 : 台湾 : 香港 : 澳门 : 国外 function cidInfo(sId) var iSum= var info= if(!/^\\d (\\d|x)$/i test(sId))return false; sId=sId replace(/x$/i a ); if(aCity[parseInt(sId substr( ))]==null)return Error:非法地区 ; sBirthday=sId substr( )+ +Number(sId substr( ))+ +Number(sId substr( )); var d=new Date(sBirthday replace(/ /g / )) if(sBirthday!=(d getFullYear()+ + (d getMonth()+ ) + + d getDate()))return Error:非法生日 ; for(var i = ;i>= ;i ) iSum += (Math pow( i) % ) * parseInt(sId charAt( i) ) if(iSum% != )return Error:非法证号 ; return aCity[parseInt(sId substr( ))]+ +sBirthday+ +(sId substr( )% ? 男 : 女 )

　　document write(cidInfo( ) <br/> ); document write(cidInfo( ) <br/> ) document write(cidInfo( ) <br/> ) document write(cidInfo( x ) <br/> ); </script>

　　２．验证ＩＰ地址 <SCRIPT LANGUAGE= JavaScript > function isip(s) var check=function(v)tryreturn (v<= && v>= )catch(x)return false; var re=s split( ) return (re length== )?(check(re[ ]) && check(re[ ]) && check(re[ ]) && check(re[ ])):false

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

　　３．加sp 后还能用的无边框窗口！！ <HTML XMLNS:IE> <meta equiv= Content Type content= text/; 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= window createPopup(); var CW_Body= New_CW document body; var content= ; var CSStext= margin: px;color:black; border: px outset;border style:expression(onmouseout=onmouseup=function()this style borderStyle= outset onmousedown=function()if(event button!= )this style borderStyle= inset );background color:buttonface;width: px;height: px;font size: px;line height: px;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 px ; content = content replace(/<a ([^>]*)>/g <a onclick= parent open(this href);return false $ > ); temp += <table width= % height= % cellpadding= cellspacing= border= > ; temp += <tr style= ;font size: px;background:# CC;height: ;cursor:default ondblclick=\\ Max innerText=Max innerText== ? : ;parent if_max=!parent if_max;parent show_CW();\\ onmouseup= parent drag_up(event) onmousemove= parent drag_move(event) onmousedown= parent drag_down(event) onselectstart= return false oncontextmenu= return false > ; temp += <td style= color:#ffffff;padding left: px >Chromeless Window For IE SP </td> ; temp += <td style= color:#ffffff;padding right: 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+ font family:System;padding right: px;\\ >?</span> ; temp += <span id=Min onclick= parent New_CW hide();parent blur() style=\\ +CSStext+ font family:Webdings;\\ title= Minimum > </span> ; temp += <span id=Max onclick=\\ this innerText=this innerText== ? : ;parent if_max=!parent if_max;parent show_CW();\\ style=\\ +CSStext+ font family:Webdings;\\ title= Maximum > </span> ; temp += <span id=Close onclick= parent opener=null;parent close() style=\\ +CSStext+ font family:System;padding right: px;\\ title= Close >x</span> ; temp += </td></tr><tr><td colspan= > ; temp += <div id=include style= overflow:scroll;overflow x:hidden;overflow y:auto; HEIGHT: %; width: +CW_width+ > ; temp += content; temp += </div> ; temp += </td></tr></table> ; CW_Body innerHTML = temp;

　　setTimeout( insert_content() );

　　var if_max = true; function show_CW() window moveTo( ); 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 = ;

　　else New_CW show( 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=false

　　function 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== )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>

贴两个关于treeview的 <script language= javascript > <! //初始化选中节点 function initchecknode() var node=TreeView getTreeNode( ); node setAttribute( Checked true ); setcheck(node true ); FindCheckedFromNode(TreeView ); //oncheck事件 function tree_oncheck(tree) var node=tree getTreeNode(tree clickedNodeIndex); var Pchecked=tree getTreeNode(tree clickedNodeIndex) getAttribute( checked ); setcheck(node Pchecked); document all checked value= ; document all unchecked value= ; FindCheckedFromNode(TreeView ); //设置子节点选中 function setcheck(node Pc) var i; var ChildNode=new Array(); ChildNode=node getChildren(); if(parseInt(ChildNode length)== ) return; else for(i= ;i<ChildNode length;i++) var cNode; cNode=ChildNode[i]; if(parseInt(cNode getChildren() length)!= ) setcheck(cNode Pc); cNode setAttribute( Checked Pc); //获取所有节点状态 function FindCheckedFromNode(node) var i = ; var nodes = new Array(); nodes = node getChildren(); for (i = ; i < nodes length; i++) var cNode; cNode=nodes[i]; if (cNode getAttribute( Checked )) AddChecked(cNode); else AddUnChecked(cNode); if (parseInt(cNode getChildren() length) != ) FindCheckedFromNode(cNode); //添加选中节点 function AddChecked(node) document all checked value += node getAttribute( NodeData ); document all checked value += ; //添加未选中节点 function AddUnChecked(node) document all unchecked value += node getAttribute( NodeData ); document all unchecked value += ; // > </script>

treeview中如何在服务器端得到客户端设置后的节点选中状态 <script language= C# runat= server > private void Button _Click(object sender System EventArgs e) Response Write(TreeView Nodes[ ] Checked); </script> <script language= javascript > function set_check() var nodeindex = ; var node=TreeView getTreeNode(nodeindex); node setAttribute( Checked True ); TreeView queueEvent( 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 = okie indexOf ( ; offset); if (endstr == ) endstr = okie length; return unescape(okie substring(offset endstr));

　　function GetCookie (name) var arg = name + = ; var alen = arg length; var clen = okie length; var i = ; while (i < clen) var j = i + alen; if (okie substring(i j) == arg) return getCookieVal (j); i = okie indexOf( i) + ; if (i == ) break; return null;

function deleteCookie(cname)

　　var expdate = new Date(); expdate setTime(expdate getTime() ( * * * * ));

　　// okie = ckValue= ok ; expires= + expdate toGMTString(); setCookie(cname expdate);

　　function setCookie (name value expires)

　　okie = name + = + escape(value) + ; expires= + expires toGMTString() ;

一个可以在页面上随意画线多边形圆填充等功能的js （part ）

　　var jg_i jg_ie jg_fast jg_dom jg_moz jg_n = (document layers && typeof document classes != undefined );

function cDHTM(x i) x = document body || null; jg_ie = x && typeof x insertAdjacentHTML != undefined ; jg_dom = (x && !jg_ie && typeof x appendChild != undefined && typeof document createRange != undefined && typeof (i = document createRange()) setStartBefore != undefined && typeof i createContextualFragment != undefined ); jg_i = !jg_ie && !jg_dom && x && typeof x innerHTML != undefined ; jg_fast = jg_ie && document all && !window opera; jg_moz = jg_dom && typeof x style MozOpacity != undefined ;

function pntDoc() this wnd document write(jg_fast? Rpc() : ); = ;

function pntCnvDom() var x = document createRange(); x setStartBefore(v); x = x createContextualFragment(jg_fast? Rpc() : ); v appendChild(x); = ;

function pntCnvIe() v insertAdjacentHTML( BeforeEnd jg_fast? Rpc() : ); = ;

function pntCnvI() v innerHTML += ; = ;

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 Rpc() return replace( regex <div ></div>\\n );

function PrtRpc() 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 = x x dy = Math abs(y y ) x = x y = y yIncr = (y > y )? : ;

　　if (dx >= dy) var pr = dy<< pru = pr (dx<< ) p = pr dx ox = x; while ((dx ) > ) ++x; if (p > ) this mkDiv(ox y x ox ); y += yIncr; p += pru; ox = x; else p += pr; this mkDiv(ox y x ox+ );