(三)100个直接可以拿来用的JavaScript实用功能代码片段

71、原生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 isValidLength(chars, len) {
2     if (chars.length < len) {
3         return false;
4     }
5     return true;
6 }

 

74、原生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     else
6         return true;
7 }

 

76、原生JavaScript判断字符串是否为整数

1 function isNumber( chars ) {
2     var re=/^\d*$/;
3     if (chars.match(re) == null)
4         return false;
5     else
6         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     else
6         return true;
7 }

 

79、原生JavaScript判断字符串是否邮政编码

1 function isValidPost( chars ) {
2     var re=/^\d{6}$/;
3     if (chars.match(re) == null)
4         return false;
5     else
6         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 var aa = document.documentElement.outerHTML.match(/(url\(|src=|href=)[\"\']*([^\"\'\(\)\<\>\[\] ]+)[\"\'\)]*|(http:\/\/[\w\-\.]+[^\"\'\(\)\<\>\[\] ]+)/ig).join("\r\n").replace(/^(src=|href=|url\()[\"\']*|[\"\'\>\) ]*$/igm,"");
2 alert(aa)

 

82、原生JavaScript用正则表达式清除相同的数组(低效率)

1 Array.prototype.unique=function(){
2     return this.reverse().join(",").match(/([^,]+)(?!.*\1)/ig).reverse();
3 }

 

83、原生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 y
10 }

 

84、原生JavaScript用正则表达式按字母排序，对每行进行数组排序

1 function SetSort(){
2     var text=K1.value.split(/[\r\n]/).sort().join("\r\n");//顺序
3     var test=K1.value.split(/[\r\n]/).sort().reverse().join("\r\n");//反序
4     K1.value=K1.value!=text?text:test;
5 }

 

85、原生JavaScript字符串反序

1 function IsReverse(text){
2     return text.split('').reverse().join('');
3 }

 

86、原生JavaScript用正则表达式清除html代码中的脚本

1 function clear_script(){
2   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,"");
3 }

 

87、原生JavaScript动态执行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 function ltrim(s){ return s.replace( /^(\s*|　*)/, ""); } 
2 function rtrim(s){ return s.replace( /(\s*|　*)$/, ""); } 
3 function trim(s){ return ltrim(rtrim(s));} 

 

93、原生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 }