61、原生JavaScript解决offsetX兼容性问题
//针对火狐不支持offsetX/Y functiongetOffset(e){ var target= e.target, // 当前触发的目标对象 eventCoord, pageCoord, offsetCoord; //计算当前触发元素到文档的距离 pageCoord =getPageCoord(target); //计算光标到文档的距离 eventCoord= { X :window.pageXOffset + e.clientX, Y :window.pageYOffset + e.clientY }; //相减获取光标到第一个定位的父元素的坐标 offsetCoord= { X :eventCoord.X - pageCoord.X, Y :eventCoord.Y - pageCoord.Y }; returnoffsetCoord; } functiongetPageCoord(element){ var coord ={ X : 0, Y : 0 }; //计算从当前触发元素到根节点为止, // 各级offsetParent 元素的 offsetLeft 或 offsetTop 值之和 while(element){ coord.X+= element.offsetLeft; coord.Y+= element.offsetTop; element =element.offsetParent; } returncoord; }
62、原生JavaScript常用的正则表达式
//正整数 /^[0-9]*[1-9][0-9]*$/; //负整数 /^-[0-9]*[1-9][0-9]*$/; //正浮点数 /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/; //负浮点数 /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //浮点数 /^(-?\d+)(\.\d+)?$/; //email地址 /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; //url地址 /^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$/; //年/月/日(年-月-日、年.月.日) /^(19|20)\d\d[- /.](0[1-9]|1[012])[-/.](0[1-9]|[12][0-9]|3[01])$/; //匹配中文字符 /[\u4e00-\u9fa5]/; //匹配帐号是否合法(字母开头,允许5-10字节,允许字母数字下划线) /^[a-zA-Z][a-zA-Z0-9_]{4,9}$/; //匹配空白行的正则表达式 /\n\s*\r/; //匹配中国邮政编码 /[1-9]\d{5}(?!\d)/; //匹配身份证 /\d{15}|\d{18}/; //匹配国内电话号码 /(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/; //匹配IP地址 /((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/; //匹配首尾空白字符的正则表达式 /^\s*|\s*$/; //匹配HTML标记的正则表达式 <(\S*?)[^>]*>.*?|< .*? />;
63、原生JavaScript实现返回顶部的通用方法
functionbackTop(btnId) { var btn =document.getElementById(btnId); var d =document.documentElement; var b =document.body; window.onscroll = set; btn.style.display = "none"; btn.onclick = function() { btn.style.display = "none"; window.onscroll = null; this.timer = setInterval(function() { d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1); b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1); if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer,window.onscroll = set); }, 10); }; functionset() { btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block':"none" } }; backTop('goTop');
64、原生JavaScript获得URL中GET参数值
// 用法:如果地址是test.htm?t1=1&t2=2&t3=3, 那么能取得:GET["t1"],GET["t2"], GET["t3"] functionget_get(){ querystr =window.location.href.split("?") if(querystr[1]){ GETs =querystr[1].split("&") GET =newArray() for(i=0;i<GETs.length;i++){ tmp_arr= GETs[i].split("=") key=tmp_arr[0] GET[key] = tmp_arr[1] } } returnquerystr[1]; }
65、原生JavaScript实现全选通用方法
function checkall(form, prefix, checkall) { varcheckall = checkall ? checkall : 'chkall'; for(var i= 0; i < form.elements.length; i++) { var e= form.elements[i]; if(e.type=="checkbox"){ e.checked = form.elements[checkall].checked; } } }
66、原生JavaScript实现全部取消选择通用方法
function uncheckAll(form) { for (vari=0;i<form.elements.length;i++){ var e= form.elements[i]; if(e.name != 'chkall') e.checked=!e.checked; } }
67、原生JavaScript实现打开一个窗体通用方法
functionopenWindow(url,windowName,width,height){ var x =parseInt(screen.width / 2.0) - (width / 2.0); var y =parseInt(screen.height / 2.0) - (height / 2.0); varisMSIE= (navigator.appName == "Microsoft Internet Explorer"); if(isMSIE) { var p= "resizable=1,location=no,scrollbars=no,width="; p =p+width; p =p+",height="; p =p+height; p =p+",left="; p =p+x; p =p+",top="; p =p+y; retval = window.open(url, windowName, p); } else { varwin = window.open(url, "ZyiisPopup", "top=" + y +",left=" + x + ",scrollbars=" + scrollbars +",dialog=yes,modal=yes,width=" + width + ",height=" +height + ",resizable=no" ); eval("try { win.resizeTo(width, height); } catch(e) { }"); win.focus(); } }
68、原生JavaScript判断是否为客户端设备
functionclient(o){ var b= navigator.userAgent.toLowerCase(); var t= false; if (o== 'isOP'){ t = b.indexOf('opera') > -1; } if (o== 'isIE'){ t = b.indexOf('msie') > -1; } if (o== 'isFF'){ t = b.indexOf('firefox') > -1; } returnt; }
69、原生JavaScript获取单选按钮的值
functionget_radio_value(field){ if(field&&field.length){ for(var i=0;i<field.length;i++){ if(field[i].checked){ return field[i].value; } } }else{ return ; } }
70、原生JavaScript获取复选框的值
functionget_checkbox_value(field){ if(field&&field.length){ for(var i=0;i<field.length;i++){ if(field[i].checked && !field[i].disabled){ return field[i].value; } } }else { return; } }
71、原生JavaScript判断是否为邮箱
function isEmail(str){ varre=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; if(re.test(str) != true) { returnfalse; }else{ returntrue; } }
72、原生JavaScript判断是否有列表中的危险字符
function isValidReg(chars){ varre=/<|>|\[|\]|\{|\}|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ|ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ|ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ|■|▄|▆|\*|@|#|\^|\\/; if(re.test( chars) == true) { returnfalse; }else{ returntrue; } }
73、原生JavaScript判断字符串是否大于规定的长度
function isValidLength(chars, len) { if(chars.length < len) { returnfalse; } returntrue; }
74、原生JavaScript判断字符串是为网址不区分大小写
functionisValidURL( chars ) { varre=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(\S+\.\S+)$/; if(!isNULL(chars)) { chars= jsTrim(chars); if(chars.match(re) == null) return false; else return true; } returnfalse; }
75、原生JavaScript判断字符串是否为小数
function isValidDecimal( chars ) { varre=/^\d*\.?\d{1,2}$/; if(chars.match(re) == null) returnfalse; else returntrue; }
76、原生JavaScript判断字符串是否为整数
function isNumber( chars ) { varre=/^\d*$/; if(chars.match(re) == null) returnfalse; else returntrue; }
77、原生JavaScript判断字符串是否为浮点数
function isFloat( str ) { for(i=0;i<str.length;i++) { if((str.charAt(i)<"0" || str.charAt(i)>"9")&&str.charAt(i) != '.'){ return false; } } returntrue; }
78、原生JavaScript判断字符是否为A-Za-z英文字母
function isLetters( str ){ varre=/^[A-Za-z]+$/; if(str.match(re) == null) returnfalse; else returntrue; }
79、原生JavaScript判断字符串是否邮政编码
function isValidPost( chars ) { varre=/^\d{6}$/; if(chars.match(re) == null) returnfalse; else returntrue; }
80、原生JavaScript判断字符是否空NULL
function isNULL( chars ) { if (chars== null) returntrue; if(jsTrim(chars).length==0) returntrue; returnfalse; }
81、原生JavaScript用正则表达式提取页面代码中所有网址
var aa =document.documentElement.outerHTML.match(/(url\(|src=|href=)[\"\']*([^\"\'\(\)\<\>\[\]]+)[\"\'\)]*|(http:\/\/[\w\-\.]+[^\"\'\(\)\<\>\[\]]+)/ig).join("\r\n").replace(/^(src=|href=|url\()[\"\']*|[\"\'\>\)]*$/igm,""); alert(aa)
82、原生JavaScript用正则表达式清除相同的数组(低效率)
Array.prototype.unique=function(){ returnthis.reverse().join(",").match(/([^,]+)(?!.*\1)/ig).reverse(); }
83、原生JavaScript用正则表达式清除相同的数组(高效率)
String.prototype.unique=function(){ varx=this.split(/[\r\n]+/); var y=''; for(vari=0;i<x.length;i++){ if(!newRegExp("^"+x[i].replace(/([^\w])/ig,"\\$1")+"$","igm").test(y)){ y+=x[i]+"\r\n" } } return y }
84、原生JavaScript用正则表达式按字母排序,对每行进行数组排序
function SetSort(){ vartext=K1.value.split(/[\r\n]/).sort().join("\r\n");//顺序 vartest=K1.value.split(/[\r\n]/).sort().reverse().join("\r\n");//反序 K1.value=K1.value!=text?text:test; }
85、原生JavaScript字符串反序
function IsReverse(text){ returntext.split('').reverse().join(''); }
86、原生JavaScript用正则表达式清除html代码中的脚本
function clear_script(){ K1.value=K1.value.replace(/<script.*?>[\s\S]*?<\/script>|\s+on[a-zA-Z]{3,16}\s?=\s?"[\s\S]*?"|\s+on[a-zA-Z]{3,16}\s?=\s?'[\s\S]*?'|\s+on[a-zA-Z]{3,16}\s?=[^>]+/ig,""); }
87、原生JavaScript动态执行JavaScript脚本
function javascript(){ try{ eval(K1.value); }catch(e){ alert(e.message); } }
88、原生JavaScript动态执行VBScript脚本
function vbscript(){ try{ varscript=document.getElementById("K1").value; if(script.trim()=="")return; window.execScript('On Error Resume Next \n'+script+'\n IfErr.Number<>0 Then \n MsgBox"请输入正确的VBScript脚本!",48,"脚本错误!" \n EndIf',"vbscript") }catch(e){ alert(e.message); } }
89、原生JavaScript实现金额大写转换函数
functiontransform(tranvalue) { try { var i =1; var dw2 =new Array("", "万", "亿"); //大单位 var dw1 =new Array("拾", "佰", "仟"); //小单位 var dw =new Array("零", "壹", "贰", "叁","肆", "伍", "陆", "柒", "捌","玖"); //整数部分用 //以下是小写转换成大写显示在合计大写的文本框中 //分离整数与小数 varsource = splits(tranvalue); var num =source[0]; var dig =source[1]; //转换整数部分 var k1 =0; //计小单位 var k2 =0; //计大单位 var sum =0; var str =""; var len =source[0].length; //整数的长度 for (i =1; i <= len; i++) { var n =source[0].charAt(len - i); //取得某个位数上的数字 var bn= 0; if (len- i - 1 >= 0) { bn =source[0].charAt(len - i - 1); //取得某个位数前一位上的数字 } sum =sum + Number(n); if (sum!= 0) { str =dw[Number(n)].concat(str); //取得该数字对应的大写数字,并插入到str字符串的前面 if (n== '0') sum = 0; } if (len- i - 1 >= 0) { //在数字范围内 if(k1 != 3) { //加小单位 if(bn != 0) { str = dw1[k1].concat(str); } k1++; }else { //不加小单位,加大单位 k1= 0; vartemp = str.charAt(0); if(temp == "万" || temp == "亿") //若大单位前没有数字则舍去大单位 str= str.substr(1, str.length - 1); str= dw2[k2].concat(str); sum= 0; } } if (k1== 3) //小单位到千则大单位进一 { k2++; } } //转换小数部分 varstrdig = ""; if (dig!= "") { var n =dig.charAt(0); if (n!= 0) { strdig += dw[Number(n)] + "角"; //加数字 } var n =dig.charAt(1); if (n!= 0) { strdig += dw[Number(n)] + "分"; //加数字 } } str +="元" + strdig; } catch(e){ return"0元"; } return str; } //拆分整数与小数 functionsplits(tranvalue) { var value =new Array('', ''); temp =tranvalue.split("."); for (var i= 0; i < temp.length; i++) { value[i]= temp[i]; } returnvalue; }
90、原生JavaScript常用的正则表达式大收集
匹配中文字符的正则表达式:[\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内):[^\x00-\xff] 匹配空行的正则表达式:\n[\s| ]*\r 匹配 HTML标记的正则表达式:<(.*)>.*<\/\1>|<(.*) \/> 匹配首尾空格的正则表达式:(^\s*)|(\s*$) 匹配 IP地址的正则表达式:/(\d+)\.(\d+)\.(\d+)\.(\d+)/g 匹配 Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 匹配网址 URL的正则表达式:http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? sql语句:^(select|drop|delete|create|update|insert).*$ 非负整数:^\d+$ 正整数:^[0-9]*[1-9][0-9]*$ 非正整数:^((-\d+)|(0+))$ 负整数:^-[0-9]*[1-9][0-9]*$ 整数:^-?\d+$ 非负浮点数:^\d+(\.\d+)?$ 正浮点数:^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ 非正浮点数:^((-\d+\.\d+)?)|(0+(\.0+)?))$ 英文字符串:^[A-Za-z]+$ 英文大写串:^[A-Z]+$ 英文小写串:^[a-z]+$ 英文字符数字串:^[A-Za-z0-9]+$ 英数字加下划线串:^\w+$ E-mail地址:^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ URL:^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$或:^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$ 邮政编码:^[1-9]\d{5}$ 电话号码:^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$ 手机号码:^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$ 双字节字符(包括汉字在内):^\x00-\xff 匹配首尾空格:(^\s*)|(\s*$) 匹配 HTML标记:<(.*)>.*<\/\1>|<(.*) \/> 匹配空行:\n[\s|]*\r 提取信息中的网络链接:(h|H)(r|R)(e|E)(f|F) *=*('|")?(\w|\\|\/|\.)+('|"| *|>)? 提取信息中的邮件地址:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 提取信息中的图片链接:(s|S)(r|R)(c|C) *=*('|")?(\w|\\|\/|\.)+('|"| *|>)? 提取信息中的 IP地址:(\d+)\.(\d+)\.(\d+)\.(\d+) 提取信息中的中国手机号码:(86)*0*13\d{9} 提取信息中的中国固定电话号码:(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8} 提取信息中的中国电话号码(包括移动和固定电话):(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14} 提取信息中的中国邮政编码:[1-9]{1}(\d+){5} 提取信息中的浮点数(即小数):(-?\d*)\.?\d+ 提取信息中的任何数字:(-?\d*)(\.\d+)? IP:(\d+)\.(\d+)\.(\d+)\.(\d+) 电话区号:^0\d{2,3}$ 腾讯 QQ号:^[1-9]*[1-9][0-9]*$ 帐号(字母开头,允许5-16 字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 中文、英文、数字及下划线:^[\u4e00-\u9fa5_a-zA-Z0-9]+$
91、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器)
(function(){ var fn =function(){ var w= document.documentElement ? document.documentElement.clientWidth :document.body.clientWidth ,r = 1255 ,b = Element.extend(document.body) ,classname = b.className; if(w< r){ //当窗体的宽度小于1255的时候执行相应的操作 }else{ //当窗体的宽度大于1255的时候执行相应的操作 } } if(window.addEventListener){ window.addEventListener('resize', function(){ fn(); }); }elseif(window.attachEvent){ window.attachEvent('onresize', function(){ fn(); }); } fn(); })();
92、原生JavaScript用正则清除空格分左右
function ltrim(s){ return s.replace( /^(\s*| *)/,""); } function rtrim(s){ return s.replace( /(\s*| *)$/,""); } function trim(s){ return ltrim(rtrim(s));}
93、原生JavaScript判断变量是否空值
/** * 判断变量是否空值 * undefined,null, '', false, 0, [], {} 均返回true,否则返回false */ functionempty(v){ switch(typeof v){ case'undefined' : return true; case'string' : if(trim(v).length == 0)return true; break; case'boolean' : if(!v) return true; break; case'number' : if(0 === v) return true;break; case'object' : if(null === v) return true; if(undefined !== v.length && v.length==0) return true; for(var k in v){return false;} return true; break; } returnfalse; }
94、原生JavaScript实现base64解码
functionbase64_decode(data){ var b64 ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var o1,o2, o3, h1, h2, h3, h4, bits, i = 0,ac = 0,dec = "",tmp_arr = []; if(!data) { return data; } data +=''; do { h1 =b64.indexOf(data.charAt(i++)); h2 =b64.indexOf(data.charAt(i++)); h3 =b64.indexOf(data.charAt(i++)); h4 =b64.indexOf(data.charAt(i++)); bits= h1 << 18 | h2 << 12 | h3 << 6 | h4; o1 =bits >> 16 & 0xff; o2 =bits >> 8 & 0xff; o3 =bits & 0xff; if(h3 == 64) { tmp_arr[ac++] = String.fromCharCode(o1); }else if (h4 == 64) { tmp_arr[ac++] = String.fromCharCode(o1, o2); }else { tmp_arr[ac++] = String.fromCharCode(o1, o2, o3); } } while(i < data.length); dec =tmp_arr.join(''); dec =utf8_decode(dec); returndec; }
95、原生JavaScript实现utf8解码
functionutf8_decode(str_data){ vartmp_arr = [],i = 0,ac = 0,c1 = 0,c2 = 0,c3 = 0;str_data += ''; while (i< str_data.length) { c1 =str_data.charCodeAt(i); if(c1 < 128) { tmp_arr[ac++] = String.fromCharCode(c1); i++; }else if (c1 > 191 && c1 < 224) { c2 = str_data.charCodeAt(i + 1); tmp_arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2& 63)); i+= 2; }else { c2 = str_data.charCodeAt(i + 1); c3 = str_data.charCodeAt(i + 2); tmp_arr[ac++] = String.fromCharCode(((c1 & 15) << 12) | ((c2& 63) << 6) | (c3 & 63)); i+= 3; } } returntmp_arr.join(''); }
96、原生JavaScript获取窗体可见范围的宽与高
function getViewSize(){ varde=document.documentElement; vardb=document.body; varviewW=de.clientWidth==0 ? db.clientWidth: de.clientWidth; varviewH=de.clientHeight==0 ? db.clientHeight : de.clientHeight; returnArray(viewW ,viewH); }
97、原生JavaScript判断IE版本号(既简洁、又向后兼容!)
var _IE = (function(){ var v = 3,div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) +']><i></i><![endif]-->', all[0] ); return v> 4 ? v : false ; }());
98、原生JavaScript获取浏览器版本号
functionbrowserVersion(types) { var other= 1; for (i intypes) { var v= types[i] ? types[i] : i; if(USERAGENT.indexOf(v) != -1) { var re = new RegExp(v + '(\\/|\\s|:)([\\d\\.]+)', 'ig'); var matches = re.exec(USERAGENT); var ver = matches != null ? matches[2] : 0; other = ver !== 0 && v != 'mozilla' ? 0 : other; }else { var ver = 0; } eval('BROWSER.' + i + '= ver'); } BROWSER.other = other; }
99、原生JavaScript半角转换为全角函数
functionToDBC(str){ var result= ''; for(vari=0; i < str.length; i++){ code =str.charCodeAt(i); if(code>= 33 && code <= 126){ result+= String.fromCharCode(str.charCodeAt(i) + 65248); }else if(code == 32){ result+= String.fromCharCode(str.charCodeAt(i) + 12288 - 32); }else{ result+= str.charAt(i); } } returnresult; }
100、原生JavaScript全角转换为半角函数
functionToCDB(str){ var result= ''; for(vari=0; i < str.length; i++){ code =str.charCodeAt(i); if(code>= 65281 && code <= 65374){ result+= String.fromCharCode(str.charCodeAt(i) - 65248); }else if(code == 12288){ result+= String.fromCharCode(str.charCodeAt(i) - 12288 + 32); }else{ result+= str.charAt(i); } } returnresult; }