`
vipshichg
  • 浏览: 266837 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • JS
阅读更多

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 }
复制代码

 

2
15
分享到:
评论

相关推荐

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

    根据提供的文件信息,我们可以归纳总结出以下几个JavaScript实用功能代码片段的知识点: ### 1. 字符串截取:中文字符的正确处理 **代码片段**: ```javascript function cutstr(str, len) { var temp; var ...

    分享100个直接可以拿来用的JavaScript实用功能代码片段

    在JavaScript的世界里,掌握一些实用的功能代码片段是提升开发效率的关键。这些代码片段涵盖了各种常见的前端开发场景,从DOM操作到事件处理,再到数据处理和动画效果,无一不是前端开发者日常所需。以下是对这些...

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

    81、原生JavaScript用正则表达式提取页面代码中所有网址 82、原生JavaScript用正则表达式清除相同的数组(低效率) 83、原生JavaScript用正则表达式清除相同的数组(高效率) 84、原生JavaScript用正则表达式按字母排序...

    40个直接可以拿来用的JavaScript实用功能代码

    本文将介绍40个可以直接使用的JavaScript实用功能代码,旨在帮助开发者提高效率,减少重复工作。这些功能包括字符串处理、URL解析、日期时间格式化等多个方面。 首先,字符串处理是常见的任务。例如,`cutstr()`...

    直接拿来用的15个jQuery代码片段

    标题中提到的是“直接拿来用的15个jQuery代码片段”,这表明本文将分享十五个可以直接应用于项目中的实用jQuery代码片段。jQuery是广泛使用的一个JavaScript库,它简化了HTML文档遍历、事件处理、动画以及AJAX交互...

    网页易筋经——可以直接拿来用的例子

    《网页易筋经》通过实例教学的方式,将复杂的HTML语法转化为直观、可操作的代码片段,使得读者能够直接复制并应用到自己的网页中,大大降低了学习门槛。 首先,我们来了解一下HTML的基本结构。一个基本的HTML页面...

    个人收藏经典代码(JS,.NET,CSS,控件等)

    描述中的"个人收藏经典代码"暗示这些代码是某个开发者认为有价值和实用的部分,可能是他们在开发过程中遇到的问题解决方案,或者是他们觉得设计巧妙、性能高效的代码片段。"穷了,拿点东西换点分"这部分可能是该...

    AmazeUI模板

    "AmazeUI模板简介有效,可以直接拿来使用"这句话表明这些模板经过验证,是可靠的,并且无需过多修改就能满足基本需求。 在压缩包中的"AMAZUI"文件可能包含了以下内容: 1. HTML模板:这些文件以.html为扩展名,...

    经典demo小案例

    在前端开发领域,demo通常指的是可运行的、小型的代码片段,用于展示特定功能或技术的实现。这些小案例涵盖了前端开发的各个方面,可能是HTML、CSS、JavaScript的基础应用,也可能是更高级的框架如React、Vue或...

    html-to-temple:将HTML转换为Temple

    HTML到Temple是一个工具,主要用于将HTML代码片段转换为Temple模板语言,这是一种基于JavaScript的解决方案,旨在提高前端开发的效率和代码可维护性。Temple作为一种模板引擎,它的设计目的是简化HTML与JavaScript...

    birt报表开发资料集合

    "birt报表常用JS.txt"可能是一份JavaScript代码片段集合,用于在Birt报表中实现动态行为和用户交互。JavaScript在Birt中起着关键作用,它允许开发者添加自定义逻辑,增强报表的功能性。 最后,"birt"可能是某个特定...

    test_qianduan.rar

    【标签】"自己拿来学习"进一步确认了这个压缩包的用途,即个人学习和自我提升。这表明文件中的内容可能并不涉及高级或专业领域的知识,而是更适合初学者的基础教程和实战练习。 虽然具体的【压缩包子文件的文件名称...

    js操作cookies

    在提供的代码片段中,`setCookie`函数展示了如何使用JavaScript来设置一个Cookie。该函数接受两个参数:`name`和`value`,分别代表Cookie的名称和值。此外,它还定义了Cookie的有效期为30天。这是通过创建一个新的`...

    设计稿进行页面制作的流程和注意事项

    使用IDE或代码片段工具可以更快速地生成和维护这样的基础框架。 4. **设定CSS样式框架**:除了HTML框架,还需要建立一套CSS样式基础,包括重置样式、通用类名和可复用的样式集合。这有助于减少重复代码,保持代码...

Global site tag (gtag.js) - Google Analytics