标签：style blog http color io ar for div sp
//周末在家复习JS权威指南，真的是无底坑啊，好多基础的东西好多于啊，但是又不能不记住。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <script> window.onload = function() { var arrDiv = Array.prototype.slice.call(document.querySelectorAll("div")), len = arrDiv.length; while( len ) { len--; window[arrDiv.id] = arrDiv[len] }; }; </script> <body> //找出字符串中的所有数字; <script> var str = "sdfsdf2,2424sdfsdf00234"; var arrResult = []; for(var i= 0, len = str.length ;i < len ; i++) { if( Number(str[i]) != Number(str[i]) ) continue; arrResult.push( str[i] ); }; console.log("这个是用遍历弄出来的" , arrResult ); var arr = str.split(/[\D]?/gi); arr = arr.filter(function(e){ return e !== ""; }); /*或者用这个 arr.ap(function(e){ return e !== ""; }); */ console.log("这个是用正则弄出来的",arr ); console.log("现在把字符串匹配;先来正则"); console.log( str.match(/\d+/g) ); console.log("再来字符串连接!"); var arrResult = [], tmp = []; for(var i= 0, len = str.length ;i < len ; i++) { if( Number(str[i]) != Number(str[i]) ) continue; tmp.push( str[i] ); if( Number(str[i+1]) !== Number(str[i+1]) ) { arrResult.push( tmp.join("") ); tmp = []; }; }; console.log( arrResult ); </script> //过滤HTML标签; <div id="reg"> <span> sdfsd; <span>sdfsdfsdf</span> </span> </div> <script> var eEl = document.getElementById("reg"), reg = /<[^<]+>/gi; //如果和去掉换行符; console.log( eEl.innerHTML ); console.log( eEl.innerHTML.replace(reg,"") ); </script> //匹配中文; <input> <br> <input> <script> var aInpts = document.querySelectorAll("input"), regC = /[^\u4e00-\u9fa5]/gi; aInpts[0].addEventListener("input",function() { aInpts[1].value = this.value.replace(regC,function($$) { return ""; }); }, false); </script> <div id="www"> <span>输入网址:</span> <input id="www1"> <br> <span>匹配网址是否正确:</span> <div id="www2"></div> </div> <script> var reg = /[a-zA-Z]+:\/\/[^\s]*/gi; www1.addEventListener("input",function() { www2.innerHTML = reg.test( this.value ); }); </script> <div id="匹配QQ号码"> <span>输入QQ号码:</span> <input id="qq_input"> <br>是否是正确的QQ号码; <span id="is_qq"></span> </div> <script> var regQ = /^[1-9][0-9]{4,10}$/g; qq_input.addEventListener("input",function() { is_qq.innerHTML = regQ.test(this.value) }); </script> <div id="date"> <span>日期里面把-变成.</span> <br> <input id="data1"> <br> <div id="data_result"></div> </div> <script> data1.addEventListener("input",function() { data_result.innerHTML = this.value.replace(/(?:\d)-/g,function($1) { return $1.slice(0,1)+"."; }); }, false); </script> <div id=""> <span>排除所有数字:</span><br> <input id="str_input"> <div id="all_str"></div> </div> <script> str_input.addEventListener("input", function() { all_str.innerHTML = this.value.replace(/[^a-zA-Z]/g,function($1) { return ""; }); }, false); </script> <div> <span>重复的子项中间和两边添加-:</span><br> <input id="repeat"> <div id="repeat_div"></div> </div> <script> repeat.addEventListener("input", function() { repeat_div.innerHTML = this.value.replace(/(\w+)([\w]+)(\1)/gi,function($all,$1,$2,$3){ return $1+"_"+$3; }); }, false); /* * * {4,7}最少4次，最多七次 * {4,}最少四次 * {4}刚好四次 * + === {1,} * * === {0,}其实跟通配符一样的啊有或者没有都是可以的 * ? === {0,1}这个的的批处理通配符也是0次或者一次的艺术 * * / </script> </body> </html>
标签：style blog http color io ar for div sp
原文地址：http://www.cnblogs.com/diligenceday/p/3972176.html
