LOGO 首页 OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 技术文档 其他文档  
 
网站管理员

javascript 常用代码大全(强烈推荐)(1)

admin
2010年4月26日 23:16 本文热度 11544
[p]打开模式对话框 [br]返回模式对话框的值 [br]全屏幕打开 ie 窗口[br]脚本中中使用xml [br]一、验证类 [br]1、数字验证内[br]2、时间类[br]3、表单类[br]4、字符类[br]5、浏览器类[br]6、结合类 [/p] [p][align=left]二、功能类 [br]1、时间与相关控件类[br]2、表单类 [br]3、打印类 [br]4、事件类 [br]5、网页设计类[br]6、树型结构。[br]7、无边框效果的制作 [br]8、连动下拉框技术 [br]9、文本排序 [br]10,画图类,含饼、柱、矢量贝滋曲线 [br]11,操纵客户端注册表类 [br]12,div层相关(拖拽、显示、隐藏、移动、增加) [br]13,tablae相关(客户端动态增加行列,模拟进度条,滚动列表等) [br]14,各种object classid=>相关类,如播放器,flash与脚本互动等 [br]16, 刷新/模拟无刷新 异步调用类(xmlhttp或iframe,frame) [/align][/p] //打开模式对话框 [br]function doselectuser(txtid) [br]{ strfeatures="dialogwidth=500px;dialogheight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no"; [br] var url,strreturn; [br] [br] url="seluser.aspx"; [br] [br] strreturn=window.showmodaldialog(url,'',strfeatures); } //返回模式对话框的值 [br]function okbtn_onclick() [br]{ [br]var commstr=''; [br] [br]window.returnvalue=commstr; window.close() ; [br]} [br]全屏幕打开 ie 窗口 [br]var winwidth=screen.availwidth ; [br]var winheight=screen.availheight-20; [br]window.open("main.aspx","surveywindow","toolbar=no,width="+ winwidth +",height="+ winheight +",top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statusbars=yes"); [br]break [br]//脚本中中使用xml [br]function initialize() { [br] var xmldoc [br] var xsldoc xmldoc = new activexobject('microsoft.xmldom') [br] xmldoc.async = false; xsldoc = new activexobject('microsoft.xmldom') [br] xsldoc.async = false; xmldoc.load("tree.xml") [br] xsldoc.load("tree.xsl") [br] [br] [br] foldertree.innerhtml = xmldoc.documentelement.transformnode(xsldoc) [br]} 一、验证类 [br]1、数字验证内 [br] 1.1 整数 [br] 1.2 大于0的整数 (用于传来的id的验证) [br] 1.3 负整数的验证 [br] 1.4 整数不能大于imax [br] 1.5 整数不能小于imin [br]2、时间类 [br] 2.1 短时间,形如 (13:04:06) [br] 2.2 短日期,形如 (2003-12-05) [br] 2.3 长时间,形如 (2003-12-05 13:04:06) [br] 2.4 只有年和月。形如(2003-05,或者2003-5) [br] 2.5 只有小时和分钟,形如(12:03) [br]3、表单类 [br] 3.1 所有的表单的值都不能为空 [br] 3.2 多行文本框的值不能为空。 [br] 3.3 多行文本框的值不能超过smaxstrleng [br] 3.4 多行文本框的值不能少于smixstrleng [br] 3.5 判断单选框是否选择。 [br] 3.6 判断复选框是否选择. [br] 3.7 复选框的全选,多选,全不选,反选 [br] 3.8 文件上传过程中判断文件类型 [br]4、字符类 [br] 4.1 判断字符全部由a-z或者是a-z的字字母组成 [br] 4.2 判断字符由字母和数字组成。 [br] 4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母 [br] 4.4 字符串替换函数.replace(); [br]5、浏览器类 [br] 5.1 判断浏览器的类型 [br] 5.2 判断ie的版本 [br] 5.3 判断客户端的分辨率 [br] [br]6、结合类 [br] 6.1 email的判断。 [br] 6.2 手机号码的验证 [br] 6.3 身份证的验证 [br] 二、功能类 1、时间与相关控件类 [br] 1.1 日历 [br] 1.2 时间控件 [br] 1.3 万年历 [br] 1.4 显示动态显示时钟效果(文本,如oa中时间) [br] 1.5 显示动态显示时钟效果 (图像,像手表) [br]2、表单类 [br] 2.1 自动生成表单 [br] 2.2 动态添加,修改,删除下拉框中的元素 [br] 2.3 可以输入内容的下拉框 [br] 2.4 多行文本框中只能输入imax文字。如果多输入了,自动减少到imax个文字(多用于短信发送) [br] [br]3、打印类 [br] 3.1 打印控件 [br]4、事件类 [br] 4.1 屏蔽右键 [br] 4.2 屏蔽所有功能键 [br] 4.3 --> 和<-- f5 f11,f9,f1 [br] 4.4 屏蔽组合键ctrl+n [br]5、网页设计类 [br] 5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现) [br] 5.2 html编辑控件类 [br] 5.3 颜色选取框控件 [br] 5.4 下拉菜单 [br] 5.5 两层或多层次的下拉菜单 [br] 5.6 仿ie菜单的按钮。(效果如rongshuxa.com的导航栏目) [br] 5.7 状态栏,title栏的动态效果(例子很多,可以研究一下) [br] 5.8 双击后,网页自动滚屏 [br]6、树型结构。 [br] 6.1 asp+sql版 [br] 6.2 asp+xml+sql版 [br] 6.3 java+sql或者java+sql+xml [br]7、无边框效果的制作 [br]8、连动下拉框技术 [br]9、文本排序 [br]10,画图类,含饼、柱、矢量贝滋曲线 [br]11,操纵客户端注册表类 [br]12,div层相关(拖拽、显示、隐藏、移动、增加) [br]13,tablae相关(客户端动态增加行列,模拟进度条,滚动列表等) [br]14,各种相关类,如播放器,flash与脚本互动等 [br]16, 刷新/模拟无刷新 异步调用类(xmlhttp或iframe,frame) [br]一、验证类 [br]1、数字验证内 [br] 1.1 整数 [br] /^(-|\+)?\d+$/.test(str) [br] 1.2 大于0的整数 (用于传来的id的验证) [br] /^\d+$/.test(str) [br] 1.3 负整数的验证 [br] /^-\d+$/.test(str) [br]2、时间类 [br] 2.1 短时间,形如 (13:04:06) [br] function istime(str) [br] { [br] var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); [br] if (a == null) {alert('输入的参数不是时间格式'); return false;} [br] if (a[1]>24 || a[3]>60 || a[4]>60) [br] { [br] alert("时间格式不对"); [br] return false [br] } [br] return true; [br] } [br] 2.2 短日期,形如 (2003-12-05) [br] function strdatetime(str) [br] { [br] var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); [br] if(r==null)return false; [br] var d= new date(r[1], r[3]-1, r[4]); [br] return (d.getfullyear()==r[1]&&(d.getmonth()+1)==r[3]&&d.getdate()==r[4]); [br] } [br] 2.3 长时间,形如 (2003-12-05 13:04:06) [br] function strdatetime(str) [br] { [br] var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; [br] var r = str.match(reg); [br] if(r==null)return false; [br] var d= new date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); [br] 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]); [br] } [br] 2.4 只有年和月。形如(2003-05,或者2003-5) [br] 2.5 只有小时和分钟,形如(12:03) [br]3、表单类 [br] 3.1 所有的表单的值都不能为空 [br] [br] 3.2 多行文本框的值不能为空。 [br] 3.3 多行文本框的值不能超过smaxstrleng [br] 3.4 多行文本框的值不能少于smixstrleng [br] 3.5 判断单选框是否选择。 [br] 3.6 判断复选框是否选择. [br] 3.7 复选框的全选,多选,全不选,反选 [br] 3.8 文件上传过程中判断文件类型 [br]4、字符类 [br] 4.1 判断字符全部由a-z或者是a-z的字字母组成 [br] [br] 4.2 判断字符由字母和数字组成。 [br] [br] 4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母 [br] /^([a-za-z_]{1})([\w]*)$/g.test(str) [br] 4.4 字符串替换函数.replace(); [br]5、浏览器类 [br] 5.1 判断浏览器的类型 [br] window.navigator.appname [br] 5.2 判断ie的版本 [br] window.navigator.appversion [br] 5.3 判断客户端的分辨率 [br] window.screen.height; window.screen.width; [br] [br]6、结合类 [br] 6.1 email的判断。 [br] function ismail(mail) [br] { [br] return(new regexp(/^\w+((-\w+)|(\.\w+))*\@[a-za-z0-9]+((\.|-)[a-za-z0-9]+)*\.[a-za-z0-9]+$/).test(mail)); [br] } [br] 6.2 手机号码的验证 [br] 6.3 身份证的验证 [br] function isidcardno(num) [br] { [br] if (isnan(num)) {alert("输入的不是数字!"); return false;} [br] var len = num.length, re; [br] if (len == 15) [br] re = new regexp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/); [br] else if (len == 18) [br] re = new regexp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/); [br] else {alert("输入的数字位数不对!"); return false;} [br] var a = num.match(re); [br] if (a != null) [br] { [br] if (len==15) [br] { [br] var d = new date("19"+a[3]+"/"+a[4]+"/"+a[5]); [br] var b = d.getyear()==a[3]&&(d.getmonth()+1)==a[4]&&d.getdate()==a[5]; [br] } [br] else [br] { [br] var d = new date(a[3]+"/"+a[4]+"/"+a[5]); [br] var b = d.getfullyear()==a[3]&&(d.getmonth()+1)==a[4]&&d.getdate()==a[5]; [br] } [br] if (!b) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对!"); return false;} [br] } [br] return true; [br] } 画图: [br] [br] [br]<script> [br]s.drawingsurface.arcdegrees(0,0,0,30,50,60); [br]s.drawingsurface.arcradians(30,0,0,30,50,60); [br]s.drawingsurface.line(10,10,100,100); [br]</script> [br][br]写注册表: [br]<script> [br]var wshshell = wscript.createobject("wscript.shell"); [br]wshshell.regwrite ("hkcu\\software\\acme\\fortuneteller\\", 1, "reg_binary"); [br]wshshell.regwrite ("hkcu\\software\\acme\\fortuneteller\\mindreader", "goocher!", "reg_sz"); [br]var bkey = wshshell.regread ("hkcu\\software\\acme\\fortuneteller\\"); [br]wscript.echo (wshshell.regread ("hkcu\\software\\acme\\fortuneteller\\mindreader")); [br]wshshell.regdelete ("hkcu\\software\\acme\\fortuneteller\\mindreader"); [br]wshshell.regdelete ("hkcu\\software\\acme\\fortuneteller\\"); [br]wshshell.regdelete ("hkcu\\software\\acme\\"); [br]</script> tablae相关(客户端动态增加行列) [br] [br]<script language="jscript"> [br]function numbercells() { [br] var count=0; [br] for (i=0; i < document.all.mytable.rows.length; i++) { [br] for (j=0; j < document.all.mytable.rows(i).cells.length; j++) { [br] document.all.mytable.rows(i).cells(j).innertext = count; [br] count++; [br] } [br] } [br]} [br]</script> [br] [br] [br] [br] [br] [br]
    
    
    
[br] [br] 1.身份证严格验证: <script> [br]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:"国外"} [br] [br]function cidinfo(sid){ [br]var isum=0 [br]var info="" [br]if(!/^\d{17}(\d|x)$/i.test(sid))return false; [br]sid=sid.replace(/x$/i,"a"); [br]if(acity[parseint(sid.substr(0,2))]==null)return "error:非法地区"; [br]sbirthday=sid.substr(6,4)+"-"+number(sid.substr(10,2))+"-"+number(sid.substr(12,2)); [br]var d=new date(sbirthday.replace(/-/g,"/")) [br]if(sbirthday!=(d.getfullyear()+"-"+ (d.getmonth()+1) + "-" + d.getdate()))return "error:非法生日"; [br]for(var i = 17;i>=0;i --) isum += (math.pow(2,i) % 11) * parseint(sid.charat(17 - i),11) [br]if(isum%11!=1)return "error:非法证号"; [br]return acity[parseint(sid.substr(0,2))]+","+sbirthday+","+(sid.substr(16,1)%2?"男":"女") [br]} document.write(cidinfo("380524198002300016"),"
"); [br]document.write(cidinfo("340524198002300019"),"
") [br]document.write(cidinfo("340524197711111111"),"
") [br]document.write(cidinfo("34052419800101001x"),"
"); [br]</script> 2.验证ip地址 [br]<script language="javascript"> [br]function isip(s){ [br]var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}}; [br]var re=s.split(".") [br]return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false [br]} var s="202.197.78.129"; [br]alert(isip(s)) [br]</script> 3.加sp1后还能用的无边框窗口!! [br] [br] [br] [br]chromeless window <script language="jscript"> [br]/*--- special thanks for andot ---*/ /* [br] this following code are designed and writen by windy_sk [br] you can use it freely, but u must held all the copyright items! [br]*/ /*--- thanks for andot again ---*/ var cw_width= 400; [br]var cw_height= 300; [br]var cw_top= 100; [br]var cw_left= 100; [br]var cw_url= "/"; [br]var new_cw= window.createpopup(); [br]var cw_body= new_cw.document.body; [br]var content= ""; [br]var csstext= "margin:1px;color:black; border:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderstyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderstyle='inset'});background-color:buttonface;width:16px;height:14px;line-height:11px;cursor:default;"; //build window [br]include.startdownload(cw_url, function(source){content=source}); function insert_content(){ [br]var temp = ""; [br]cw_body.style.overflow= "hidden"; [br]cw_body.style.backgroundcolor= "white"; [br]cw_body.style.border= "solid black 1px"; [br]content = content.replace(/]*)>/g,""); [br]temp += ""; [br]temp += ""; [br]temp += ""; [br]temp += "
chromeless window for ie6 sp1"; [br]temp += "?"; [br]temp += "0"; [br]temp += "1"; [br]temp += "x"; [br]temp += "
"; [br]temp += "
"; [br]temp += content; [br]temp += "
"; [br]temp += "
"; [br]cw_body.innerhtml = temp; [br]} settimeout("insert_content()",1000); var if_max = true; [br]function show_cw(){ [br]window.moveto(10000, 10000); [br]if(if_max){ [br]new_cw.show(cw_top, cw_left, cw_width, cw_height); [br]if(typeof(new_cw.document.all.include)!="undefined"){ [br]new_cw.document.all.include.style.width = cw_width; [br]new_cw.document.all.max.innertext = "1"; [br]} }else{ [br]new_cw.show(0, 0, screen.width, screen.height); [br]new_cw.document.all.include.style.width = screen.width; [br]} [br]} window.onfocus = show_cw; [br]window.onresize = show_cw; // move window [br]var drag_x,drag_y,draging=false function drag_move(e){ [br]if (draging){ [br]new_cw.show(e.screenx-drag_x, e.screeny-drag_y, cw_width, cw_height); [br]return false; [br]} [br]} function drag_down(e){ [br]if(e.button==2)return; [br]if(new_cw.document.body.offsetwidth==screen.width && new_cw.document.body.offsetheight==screen.height)return; [br]drag_x=e.clientx; [br]drag_y=e.clienty; [br]draging=true; [br]e.srcelement.setcapture(); [br]} function drag_up(e){ [br]draging=false; [br]e.srcelement.releasecapture(); [br]if(new_cw.document.body.offsetwidth==screen.width && new_cw.document.body.offsetheight==screen.height) return; [br]cw_top = e.screenx-drag_x; [br]cw_left = e.screeny-drag_y; [br]} </script> [br] [br][br]贴两个关于treeview的 [br] <script language="javascript"> [br]