(三)100个直接可以拿来用的JavaScript实用功能代码片段
1 function isEmail(str){2 var re=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; 3 if (re.test(str) != true) {4 return false;5 }else{6 return true;7 } 8 }?
72、原生JavaScript判断是否有列表中的危险字符
1 function isValidReg(chars){2 var re=/<|>|\[|\]|\{|\}|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ|ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ|ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ|■|▄|▆|\*|@|#|\^|\\/;3 if (re.test( chars) == true) {4 return false;5 }else{6 return true;7 } 8 }?
73、原生JavaScript判断字符串是否大于规定的长度
1 function isValidURL( chars ) { 2 var re=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(\S+\.\S+)$/; 3 if (!isNULL(chars)) { 4 chars = jsTrim(chars); 5 if (chars.match(re) == null) 6 return false; 7 else 8 return true; 9 }10 return false;11 }?
75、原生JavaScript判断字符串是否为小数
1 function isValidDecimal( chars ) {2 var re=/^\d*\.?\d{1,2}$/;3 if (chars.match(re) == null)4 return false;5 else6 return true;7 }?
76、原生JavaScript判断字符串是否为整数
1 function isNumber( chars ) {2 var re=/^\d*$/;3 if (chars.match(re) == null)4 return false;5 else6 return true;7 }?
77、原生JavaScript判断字符串是否为浮点数
1 function isFloat( str ) {2 for(i=0;i<str.length;i++) {3 if ((str.charAt(i)<"0" || str.charAt(i)>"9")&& str.charAt(i) != '.'){4 return false;5 }6 }7 return true;8 }?
78、原生JavaScript判断字符是否为A-Za-z英文字母
1 function isLetters( str ){2 var re=/^[A-Za-z]+$/;3 if (str.match(re) == null)4 return false;5 else6 return true;7 }?
79、原生JavaScript判断字符串是否邮政编码
1 function isValidPost( chars ) {2 var re=/^\d{6}$/;3 if (chars.match(re) == null)4 return false;5 else6 return true;7 }?
80、原生JavaScript判断字符是否空NULL
1 function isNULL( chars ) {2 if (chars == null)3 return true;4 if (jsTrim(chars).length==0)5 return true;6 return false;7 }?
81、原生JavaScript用正则表达式提取页面代码中所有网址
1 String.prototype.unique=function(){ 2 var x=this.split(/[\r\n]+/); 3 var y=''; 4 for(var i=0;i<x.length;i++){ 5 if(!new RegExp("^"+x[i].replace(/([^\w])/ig,"\\$1")+"$","igm").test(y)){ 6 y+=x[i]+"\r\n" 7 } 8 } 9 return y10 }?
84、原生JavaScript用正则表达式按字母排序,对每行进行数组排序
1 function javascript(){2 try{3 eval(K1.value);4 }catch(e){5 alert(e.message);6 }7 }?
88、原生JavaScript动态执行VBScript脚本
1 function vbscript(){2 try{3 var script=document.getElementById("K1").value;4 if(script.trim()=="")return;5 window.execScript('On Error Resume Next \n'+script+'\n If Err.Number<>0 Then \n MsgBox "请输入正确的VBScript脚本!",48,"脚本错误!" \n End If',"vbscript")6 }catch(e){7 alert(e.message);8 }9 }?
89、原生JavaScript实现金额大写转换函数
1 function transform(tranvalue) { 2 try { 3 var i = 1; 4 var dw2 = new Array("", "万", "亿"); //大单位 5 var dw1 = new Array("拾", "佰", "仟"); //小单位 6 var dw = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); //整数部分用 7 //以下是小写转换成大写显示在合计大写的文本框中 8 //分离整数与小数 9 var source = splits(tranvalue);10 var num = source[0];11 var dig = source[1];12 //转换整数部分13 var k1 = 0; //计小单位14 var k2 = 0; //计大单位15 var sum = 0;16 var str = "";17 var len = source[0].length; //整数的长度18 for (i = 1; i <= len; i++) {19 var n = source[0].charAt(len - i); //取得某个位数上的数字20 var bn = 0;21 if (len - i - 1 >= 0) {22 bn = source[0].charAt(len - i - 1); //取得某个位数前一位上的数字23 }24 sum = sum + Number(n);25 if (sum != 0) {26 str = dw[Number(n)].concat(str); //取得该数字对应的大写数字,并插入到str字符串的前面27 if (n == '0') sum = 0;28 }29 if (len - i - 1 >= 0) { //在数字范围内30 if (k1 != 3) { //加小单位31 if (bn != 0) {32 str = dw1[k1].concat(str);33 }34 k1++;35 } else { //不加小单位,加大单位36 k1 = 0;37 var temp = str.charAt(0);38 if (temp == "万" || temp == "亿") //若大单位前没有数字则舍去大单位39 str = str.substr(1, str.length - 1);40 str = dw2[k2].concat(str);41 sum = 0;42 }43 }44 if (k1 == 3) //小单位到千则大单位进一45 {46 k2++;47 }48 }49 //转换小数部分50 var strdig = "";51 if (dig != "") {52 var n = dig.charAt(0);53 if (n != 0) {54 strdig += dw[Number(n)] + "角"; //加数字55 }56 var n = dig.charAt(1);57 if (n != 0) {58 strdig += dw[Number(n)] + "分"; //加数字59 }60 }61 str += "元" + strdig;62 } catch(e) {63 return "0元";64 }65 return str;66 }67 //拆分整数与小数68 function splits(tranvalue) {69 var value = new Array('', '');70 temp = tranvalue.split(".");71 for (var i = 0; i < temp.length; i++) {72 value[i] = temp[i];73 }74 return value;75 }?
90、原生JavaScript常用的正则表达式大收集
1 匹配中文字符的正则表达式: [\u4e00-\u9fa5] 2 匹配双字节字符(包括汉字在内):[^\x00-\xff] 3 匹配空行的正则表达式:\n[\s| ]*\r 4 匹配 HTML 标记的正则表达式:<(.*)>.*<\/\1>|<(.*) \/> 5 匹配首尾空格的正则表达式:(^\s*)|(\s*$) 6 匹配 IP 地址的正则表达式:/(\d+)\.(\d+)\.(\d+)\.(\d+)/g 7 匹配 Email 地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 8 匹配网址 URL 的正则表达式:http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 9 sql 语句:^(select|drop|delete|create|update|insert).*$ 10 非负整数:^\d+$ 11 正整数:^[0-9]*[1-9][0-9]*$ 12 非正整数:^((-\d+)|(0+))$ 13 负整数:^-[0-9]*[1-9][0-9]*$ 14 整数:^-?\d+$ 15 非负浮点数:^\d+(\.\d+)?$ 16 正浮点数:^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ 17 非正浮点数:^((-\d+\.\d+)?)|(0+(\.0+)?))$ 18 英文字符串:^[A-Za-z]+$ 19 英文大写串:^[A-Z]+$ 20 英文小写串:^[a-z]+$ 21 英文字符数字串:^[A-Za-z0-9]+$ 22 英数字加下划线串:^\w+$ 23 E-mail地址:^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ 24 URL:^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$ 或:^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>""])*$ 25 邮政编码:^[1-9]\d{5}$ 26 电话号码:^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$ 27 手机号码:^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$ 28 双字节字符(包括汉字在内):^\x00-\xff 29 匹配首尾空格:(^\s*)|(\s*$)30 匹配 HTML 标记:<(.*)>.*<\/\1>|<(.*) \/> 31 匹配空行:\n[\s| ]*\r 32 提取信息中的网络链接:(h|H)(r|R)(e|E)(f|F) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)? 33 提取信息中的邮件地址:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 34 提取信息中的图片链接:(s|S)(r|R)(c|C) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)? 35 提取信息中的 IP 地址:(\d+)\.(\d+)\.(\d+)\.(\d+) 36 提取信息中的中国手机号码:(86)*0*13\d{9} 37 提取信息中的中国固定电话号码:(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8} 38 提取信息中的中国电话号码(包括移动和固定电话):(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14} 39 提取信息中的中国邮政编码:[1-9]{1}(\d+){5} 40 提取信息中的浮点数(即小数):(-?\d*)\.?\d+ 41 提取信息中的任何数字 :(-?\d*)(\.\d+)? 42 IP:(\d+)\.(\d+)\.(\d+)\.(\d+) 43 电话区号:^0\d{2,3}$44 腾讯 QQ 号:^[1-9]*[1-9][0-9]*$ 45 帐号(字母开头,允许 5-16 字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 46 中文、英文、数字及下划线:^[\u4e00-\u9fa5_a-zA-Z0-9]+$?
91、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器)
1 (function(){ 2 var fn = function(){ 3 var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth 4 ,r = 1255 5 ,b = Element.extend(document.body) 6 ,classname = b.className; 7 if(w < r){ 8 //当窗体的宽度小于1255的时候执行相应的操作 9 }else{10 //当窗体的宽度大于1255的时候执行相应的操作11 }12 }13 if(window.addEventListener){14 window.addEventListener('resize', function(){ fn(); });15 }else if(window.attachEvent){16 window.attachEvent('onresize', function(){ fn(); });17 }18 fn();19 })();?
92、原生JavaScript用正则清除空格分左右
1 /** 2 * 判断变量是否空值 3 * undefined, null, '', false, 0, [], {} 均返回true,否则返回false 4 */ 5 function empty(v){ 6 switch (typeof v){ 7 case 'undefined' : return true; 8 case 'string' : if(trim(v).length == 0) return true; break; 9 case 'boolean' : if(!v) return true; break;10 case 'number' : if(0 === v) return true; break;11 case 'object' : 12 if(null === v) return true;13 if(undefined !== v.length && v.length==0) return true;14 for(var k in v){return false;} return true;15 break;16 }17 return false;18 }?
94、原生JavaScript实现base64解码
1 function base64_decode(data){ 2 var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; 3 var o1, o2, o3, h1, h2, h3, h4, bits, i = 0,ac = 0,dec = "",tmp_arr = []; 4 if (!data) { return data; } 5 data += ''; 6 do { 7 h1 = b64.indexOf(data.charAt(i++)); 8 h2 = b64.indexOf(data.charAt(i++)); 9 h3 = b64.indexOf(data.charAt(i++));10 h4 = b64.indexOf(data.charAt(i++));11 bits = h1 << 18 | h2 << 12 | h3 << 6 | h4;12 o1 = bits >> 16 & 0xff;13 o2 = bits >> 8 & 0xff;14 o3 = bits & 0xff;15 if (h3 == 64) {16 tmp_arr[ac++] = String.fromCharCode(o1);17 } else if (h4 == 64) {18 tmp_arr[ac++] = String.fromCharCode(o1, o2);19 } else {20 tmp_arr[ac++] = String.fromCharCode(o1, o2, o3);21 }22 } while (i < data.length);23 dec = tmp_arr.join('');24 dec = utf8_decode(dec);25 return dec;26 }?
95、原生JavaScript实现utf8解码
1 function utf8_decode(str_data){ 2 var tmp_arr = [],i = 0,ac = 0,c1 = 0,c2 = 0,c3 = 0;str_data += ''; 3 while (i < str_data.length) { 4 c1 = str_data.charCodeAt(i); 5 if (c1 < 128) { 6 tmp_arr[ac++] = String.fromCharCode(c1); 7 i++; 8 } else if (c1 > 191 && c1 < 224) { 9 c2 = str_data.charCodeAt(i + 1);10 tmp_arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));11 i += 2;12 } else {13 c2 = str_data.charCodeAt(i + 1);14 c3 = str_data.charCodeAt(i + 2);15 tmp_arr[ac++] = String.fromCharCode(((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));16 i += 3;17 }18 } 19 return tmp_arr.join('');20 }?
96、原生JavaScript获取窗体可见范围的宽与高
1 function getViewSize(){2 var de=document.documentElement;3 var db=document.body;4 var viewW=de.clientWidth==0 ? db.clientWidth : de.clientWidth;5 var viewH=de.clientHeight==0 ? db.clientHeight : de.clientHeight;6 return Array(viewW ,viewH);7 }?
97、原生JavaScript判断IE版本号(既简洁、又向后兼容!)
1 var _IE = (function(){2 var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i');3 while (4 div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',5 all[0]6 );7 return v > 4 ? v : false ;8 }());?
98、原生JavaScript获取浏览器版本号
1 function browserVersion(types) { 2 var other = 1; 3 for (i in types) { 4 var v = types[i] ? types[i] : i; 5 if (USERAGENT.indexOf(v) != -1) { 6 var re = new RegExp(v + '(\\/|\\s|:)([\\d\\.]+)', 'ig'); 7 var matches = re.exec(USERAGENT); 8 var ver = matches != null ? matches[2] : 0; 9 other = ver !== 0 && v != 'mozilla' ? 0 : other;10 } else {11 var ver = 0;12 }13 eval('BROWSER.' + i + '= ver');14 }15 BROWSER.other = other;16 }?
99、原生JavaScript半角转换为全角函数
1 function ToDBC(str){ 2 var result = ''; 3 for(var i=0; i < str.length; i++){ 4 code = str.charCodeAt(i); 5 if(code >= 33 && code <= 126){ 6 result += String.fromCharCode(str.charCodeAt(i) + 65248); 7 }else if (code == 32){ 8 result += String.fromCharCode(str.charCodeAt(i) + 12288 - 32); 9 }else{10 result += str.charAt(i);11 }12 }13 return result;14 }?
100、原生JavaScript全角转换为半角函数
1 function ToCDB(str){ 2 var result = ''; 3 for(var i=0; i < str.length; i++){ 4 code = str.charCodeAt(i); 5 if(code >= 65281 && code <= 65374){ 6 result += String.fromCharCode(str.charCodeAt(i) - 65248); 7 }else if (code == 12288){ 8 result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32); 9 }else{10 result += str.charAt(i);11 }12 }13 return result;14 }?