在b-s开发中经常用到的javaScript技术

在b-s开发中经常用到的javaScript技术引自：程序代码：一、验证类1、数字验证内1.1整数1.2大于0的整数（用于传来的ID的验证)1.3负整数的验证1.4整数不能大于iMax1.5整数不能小于iMin2、时间类2.1短时间，形如(13:04:06)2.2短日期，形如(2003-12-05)2.3长时间，形如(2003-12-0513: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.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.1email的判断。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多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送)3、打印类3.1打印控件4、事件类4.1屏蔽右键4.2屏蔽所有功能键4.3--和--F5F11,F9,F14.4屏蔽组合键ctrl+N5、网页设计类5.1连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）5.2html编辑控件类5.3颜色选取框控件5.4下拉菜单5.5两层或多层次的下拉菜单5.6仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目)5.7状态栏，title栏的动态效果（例子很多，可以研究一下）5.8双击后，网页自动滚屏6、树型结构。6.1asp+SQL版6.2asp+xml+sql版6.3java+sql或者java+sql+xml7、无边框效果的制作8、连动下拉框技术9、文本排序10，画图类，含饼、柱、矢量贝滋曲线11，操纵客户端注册表类12，DIV层相关（拖拽、显示、隐藏、移动、增加）13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等)14，各种objectclassid=相关类，如播放器，flash与脚本互动等16,刷新/模拟无刷新异步调用类（XMLHttp或iframe,frame）scriptlanguage=JavaScript!--functioncheck(text){varcheckstr,iMax=5,iMin=3checkstr=isInt:+(parseInt(text)==text)+\ncheckstr+=isID:+((parseInt(text)==text)&&(text=0))+\ncheckstr+=小于+iMax+:+((parseInt(text)==text)&&(textiMax))+\ncheckstr+=大于+iMin+:+((parseInt(text)==text)&&(textiMin))+\nalert(checkstr)}//--/scriptformmethod=postaction=inputtype=textid=text1onchange=check(this.value)/form4、事件类4.1屏蔽右键在body标签里加上oncontextmenu=self.event.returnValue=false4.2屏蔽所有功能键4.3--和--F5F11,F9,F14.4屏蔽组合键ctrl+Nscriptlanguage=javascriptfunctionKeyDown(){if((window.event.altKey)&&((window.event.keyCode==37)||//屏蔽Alt+方向键←(window.event.keyCode==39))){//屏蔽Alt+方向键→alert(不准你使用ALT+方向键前进或后退网页！);event.returnValue=false;}if((event.keyCode==8)||//屏蔽退格删除键(event.keyCode==116)){//屏蔽F5刷新键event.keyCode=0;event.returnValue=false;}if((event.ctrlKey)&&(event.keyCode==78)){//屏蔽Ctrl+nevent.returnValue=false;}if((event.shiftKey)&&(event.keyCode==121)){//屏蔽shift+F10event.returnValue=false;}if(event.keyCode==122){//屏蔽F11event.returnValue=false;}}只要知道keyCode即可屏蔽所有功能键一、验证类1、数字验证内1.1整数/^(-|\+)?\d+$/.test(str)1.2大于0的整数（用于传来的ID的验证)/^\d+$/.test(str)1.3负整数的验证/^-\d+$/.test(str)2、时间类2.1短时间，形如(13:04:06)functionisTime(str){vara=str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);if(a==null){alert('输入的参数不是时间格式');returnfalse;}if(a[1]24||a[3]60||a[4]60){alert(时间格式不对);returnfalse}returntrue;}2.2短日期，形如(2003-12-05)functionstrDateTime(str){varr=str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);if(r==null)returnfalse;vard=newDate(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-0513:04:06)functionstrDateTime(str){varreg=/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})(\d{1,2}):(\d{1,2}):(\d{1,2})$/;varr=str.match(reg);if(r==null)returnfalse;vard=newDate(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所有的表单的值都不能为空inputonblur=if(this.value.replace(/^\s+|\s+$/g,'')=='')alert('不能为空!')3.2多行文本框的值不能为空。3.3多行文本框的值不能超过sMaxStrleng3.4多行文本框的值不能少于sMixStrleng3.5判断单选框是否选择。3.6判断复选框是否选择.3.7复选框的全选，多选，全不选，反选3.8文件上传过程中判断文件类型4、字符类4.1判断字符全部由a-Z或者是A-Z的字字母组成inputonblur=if(/[^a-zA-Z]/g.test(this.value))alert('有错')4.2判断字符由字母和数字组成。inputonblur=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.appName5.2判断ie的版本window.navigator.appVersion5.3判断客户端的分辨率window.screen.height;window.screen.width;6、结合类6.1email的判断。functionismail(mail){return(newRegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));}6.2手机号码的验证6.3身份证的验证functionisIdCardNo(num){if(isNaN(num)){alert(输入的不是数字！);returnfalse;}varlen=num.length,re;if(len==15)re=newRegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);elseif(len==18)re=newRegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);else{alert(输入的数字位数不对！);returnfalse;}vara=num.match(re);if(a!=null){if(len==15){varD=newDate(19+a[3]+/+a[4]+/+a[5]);varB=D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];}else{varD=newDate(a[3]+/+a[4]+/+a[5]);varB=D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];}if(!B){alert(输入的身份证号+a[0]+里出生日期不对！);returnfalse;}}returntrue;}3.7复选框的全选，多选，全不选，反选formname=hronginputtype=checkboxname=Allonclick=checkAll('mm')全选br/inputtype=checkboxname=mmonclick=checkItem('All')br/inputtype=checkboxname=mmonclick=checkItem('All')br/inputtype=checkboxname=mmonclick=checkItem('All')br/inputtype=checkboxname=mmonclick=checkItem('All')br/inputtype=checkboxname=mmonclick=checkItem('All')br/br/inputtype=chec