《JAVASCRIPT常用代码大全网页设计HTMLCSS.doc》由会员分享，可在线阅读，更多相关《JAVASCRIPT常用代码大全网页设计HTMLCSS.doc（118页珍藏版）》请在三一办公上搜索。
1、javascript 常用代码大全-网页设计,HTMLCSS/打开模式对话框function doselectuser(txtid)strfeatures=dialogwidth=500px;dialogheight=360px;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 commstr=;wi
2、ndow.returnvalue=commstr;window.close() ;全屏幕打开 ie 窗口var winwidth=screen.availwidth ;var winheight=screen.availheight-20;window.open(main.aspx,surveywindow,toolbar=no,width=+ winwidth +,height=+ winheight +,top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statusbars=yes);break/脚本中中使用xmlfunction i
3、nitialize() var xmldocvar xsldocxmldoc = 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)一、验证类1、数字验证内1.1 整数1.2 大于0的整数
4、（用于传来的id的验证)1.3 负整数的验证1.4 整数不能大于imax1.5 整数不能小于imin2、时间类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 多行文本框的值不能超过smaxstrleng3.4 多行文本框的值不能少于smixstrleng3.5 判断单选框是否选择。3.6 判断复选框是否选择.3
5、.7 复选框的全选，多选，全不选，反选3.8 文件上传过程中判断文件类型4、字符类4.1 判断字符全部由a-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 显示动态显示时钟效果
6、(图像，像手表)2、表单类2.1 自动生成表单2.2 动态添加，修改，删除下拉框中的元素2.3 可以输入内容的下拉框2.4 多行文本框中只能输入imax文字。如果多输入了，自动减少到imax个文字（多用于短信发送)3、打印类3.1 打印控件4、事件类4.1 屏蔽右键4.2 屏蔽所有功能键4.3 - 和- f5 f11,f9,f14.4 屏蔽组合键ctrl+n5、网页设计类5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）5.2 html编辑控件类5.3 颜色选取框控件5.4 下拉菜单5.5 两层或多层次的下拉菜单5.6 仿ie菜单的按钮。（效果如的导航栏目)5.7 状态
7、栏，title栏的动态效果（例子很多，可以研究一下）5.8 双击后，网页自动滚屏6、树型结构。6.1 asp+sql版6.2 asp+xml+sql版6.3 java+sql或者java+sql+xml7、无边框效果的制作8、连动下拉框技术9、文本排序10，画图类，含饼、柱、矢量贝滋曲线11，操纵客户端注册表类12，div层相关（拖拽、显示、隐藏、移动、增加）13，tablae相关(客户端动态增加行列，模拟进度条，滚动列表等)14，各种相关类，如播放器，flash与脚本互动等16, 刷新/模拟无刷新 异步调用类（xmlhttp或iframe,frame）一、验证类1、数字验证内1.1 整数/(
8、-|+)?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(/(d1,2)(:)?(d1,2)2(d1,2)$/);if (a = null) alert(输入的参数不是时间格式); return false;if (a124 | a360 | a460)alert(时间格式不对);return falsereturn true;2.2 短日期，形如 (2003-
9、12-05)function strdatetime(str)var r = str.match(/(d1,4)(-|/)(d1,2)2(d1,2)$/);if(r=null)return false;var d= new date(r1, r3-1, r4);return (d.getfullyear()=r1&(d.getmonth()+1)=r3&d.getdate()=r4);2.3 长时间，形如 (2003-12-05 13:04:06)function strdatetime(str)var reg = /(d1,4)(-|/)(d1,2)2(d1,2) (d1,2):(d1,2)
10、:(d1,2)$/;var r = str.match(reg);if(r=null)return false;var d= new date(r1, r3-1,r4,r5,r6,r7);return (d.getfullyear()=r1&(d.getmonth()+1)=r3&d.getdate()=r4&d.gethours()=r5&d.getminutes()=r6&d.getseconds()=r7);2.4 只有年和月。形如(2003-05,或者2003-5)2.5 只有小时和分钟,形如(12:03)3、表单类3.1 所有的表单的值都不能为空3.2 多行文本框的值不能为空。3.3
11、 多行文本框的值不能超过smaxstrleng3.4 多行文本框的值不能少于smixstrleng3.5 判断单选框是否选择。3.6 判断复选框是否选择.3.7 复选框的全选，多选，全不选，反选3.8 文件上传过程中判断文件类型4、字符类4.1 判断字符全部由a-z或者是a-z的字字母组成4.2 判断字符由字母和数字组成。4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母/(a-za-z_1)(w*)$/g.test(str)4.4 字符串替换函数.replace();5、浏览器类5.1 判断浏览器的类型window.navigator.appname5.2 判断ie的
12、版本window.navigator.appversion5.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;v
13、ar len = num.length, re;if (len = 15)re = new regexp(/(d6)()?(d2)(d2)(d2)(d3)$/);else if (len = 18)re = new regexp(/(d6)()?(d4)(d2)(d2)(d3)(d)$/);else alert(输入的数字位数不对！); return false;var a = num.match(re);if (a != null)if (len=15)var d = new date(19+a3+/+a4+/+a5);var b = d.getyear()=a3&(d.getmonth()
14、+1)=a4&d.getdate()=a5;elsevar d = new date(a3+/+a4+/+a5);var b = d.getfullyear()=a3&(d.getmonth()+1)=a4&d.getdate()=a5;if (!b) alert(输入的身份证号 + a0 + 里出生日期不对！); return false;return true;画图:s.drawingsurface.arcdegrees(0,0,0,30,50,60);s.drawingsurface.arcradians(30,0,0,30,50,60);s.drawingsurface.line(10
15、,10,100,100);写注册表：var wshshell = wscript.createobject(wscript.shell);wshshell.regwrite (hkcu oftwareacmefortuneteller, 1, reg_binary);wshshell.regwrite (hkcu oftwareacmefortunetellermindreader, goocher!, reg_sz);var bkey = wshshell.regread (hkcu oftwareacmefortuneteller);wscript.echo (wshshell.regre
16、ad (hkcu oftwareacmefortunetellermindreader);wshshell.regdelete (hkcu oftwareacmefortunetellermindreader);wshshell.regdelete (hkcu oftwareacmefortuneteller);wshshell.regdelete (hkcu oftwareacme);tablae相关(客户端动态增加行列）function numbercells() var count=0;for (i=0; i document.all.mytable.rows.length; i+) f
17、or (j=0; j document.all.mytable.rows(i).cells.length; j+) document.all.mytable.rows(i).cells(j).innertext = count;count+; 身份证严格验证：var acity=11:北京,12:天津,13:河北,14:山西,15:内蒙古,21:辽宁,22:吉林,23:黑龙江,31:上海,32:江苏,33:浙江,34:安徽,35:福建,36:江西,37:
18、山东,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=0var info=if(!/d17(d|x)$/i.test(sid)return false;sid=sid.replace(/x$/i,a);if(acityparseint(sid.substr(0,2)=null)return error:非法地区;sbirthday=sid.subs
19、tr(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:非
20、法证号;return acityparseint(sid.substr(0,2)+,+sbirthday+,+(sid.substr(16,1)%2?男:女)document.write(cidinfo(380524198002300016),);document.write(cidinfo(340524198002300019),)document.write(cidinfo(340524197711111111),)document.write(cidinfo(34052419800101001x),);验证地址function isip(s)var check=function(v)tr
21、yreturn (v=0)catch(x)return false;var re=s.split(.)return (re.length=4)?(check(re0) & check(re1) & check(re2) & check(re3):falsevar s=202.197.78.129;alert(isip(s)加sp1后还能用的无边框窗口！chromeless window参考文献推几手/*- special thanks for andot -*/*this following code are designed and writen by windy_sk you can us
22、e 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 out
23、set;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;font-size:12px;line-height:11px;cursor:default;/build windowinclude.startdownload(cw_url
24、, 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(/*)/g,);temp += ;temp += ;temp += chromeless window for ie6 sp1;temp += ;temp += ?;temp += 0;temp
25、 += 1;temp += x;temp += ;temp += ;temp += content;temp += ;temp += ;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
26、)new_cw.document.all.include.style.width = cw_width;new_cw.document.all.max.innertext = 1;elsenew_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 windowvar drag_x,drag_y,draging=falsefunction
27、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
28、;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;贴两个关于treeview的!-/初始化选中节点function initchecknode()va
29、r node=treeview1.gettreenode(1);node.setattribute(checked,true);setcheck(node,true);findcheckedfromnode(treeview1);/oncheck事件function tree_oncheck(tree)var node=tree.gettreenode(tree.clickednodeindex);var pchecked=tree.gettreenode(tree.clickednodeindex).getattribute(checked);setcheck(node,pchecked);
30、document.all.checked.value=;document.all.unchecked.value=;findcheckedfromnode(treeview1);/设置子节点选中function setcheck(node,pc)var i;var childnode=new array();childnode=node.getchildren();if(parseint(childnode.length)=0)return;elsefor(i=0;ichildnode.length;i+)var cnode;cnode=childnodei;if(parseint(cnode
31、.getchildren().length)!=0)setcheck(cnode,pc);cnode.setattribute(checked,pc);/获取所有节点状态function findcheckedfromnode(node) var i = 0;var nodes = new array();nodes = node.getchildren();for (i = 0; i treeview中如何在服务器端得到客户端设置后的节点选中状态private void button1_click(object sender, system.eventargs e)response.writ
32、e(treeview1.nodes0.checked);function set_check()var nodeindex = 0;var node=treeview1.gettreenode(nodeindex);node.setattribute(checked,true);treeview1.queueevent(oncheck, nodeindex);三個實用的小技巧:關閉輸入法.禁止貼上.禁止複製關閉輸入法本文字框輸入法被關閉：語法： style=ime-mode:disabled範例： 禁止貼上本文字框禁止貼上文字：語法：onpaste=return false範例：禁止複製本文字框禁止複製：語法：oncopy=return false; oncut=return false;範例：/=/cookie操作/=function getcookieval (offset)var endstr = document.cookie.indexof (;, offset);if (endstr = -1)endstr = documen
