程序博客网 > 手机自制音乐软件

原生态纯JavaScript 100大技巧大收集---你值得拥有

来源：互联网 发布：手机自制音乐软件 编辑：程序博客网 时间：2024/04/27 18:41

1、原生JavaScript实现字符串长度截取

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function cutstr(str, len) {   
  2.     var temp;   
  3.     var icount = 0;   
  4.     var patrn = /[^\x00-\xff]/;   
  5.     var strre = "";   
  6.     for (var i = 0; i < str.length; i++) {   
  7.         if (icount < len - 1) {   
  8.             temp = str.substr(i, 1);   
  9.             if (patrn.exec(temp) == null) {   
  10.                 icount = icount + 1   
  11.             } else {   
  12.                 icount = icount + 2   
  13.             }   
  14.             strre += temp   
  15.         } else {   
  16.             break   
  17.         }   
  18.     }   
  19.     return strre + "..."   
  20. }   

2、原生JavaScript获取域名主机

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getHost(url) {  
  2.     var host = "null";  
  3.     if(typeof url == "undefined"|| null == url) {  
  4.         url = window.location.href;  
  5.     }  
  6.     var regex = /^\w+\:\/\/([^\/]*).*/;  
  7.     var match = url.match(regex);  
  8.     if(typeof match != "undefined" && null != match) {  
  9.         host = match[1];  
  10.     }  
  11.     return host;  
  12. }  
3、原生JavaScript清除空格
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. String.prototype.trim = function() {  
  2.     var reExtraSpace = /^\s*(.*?)\s+$/;  
  3.     return this.replace(reExtraSpace, "$1")  
  4. }  
4、原生JavaScript替换全部
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. String.prototype.replaceAll = function(s1, s2) {  
  2.     return this.replace(new RegExp(s1, "gm"), s2)  
  3. }  
5、原生JavaScript转义html标签
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function HtmlEncode(text) {  
  2.     return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>')  
  3. }  
6、原生JavaScript还原html标签
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function HtmlDecode(text) {  
  2.     return text.replace(/&/g, '&').replace(/"/g, '\"').replace(/</g, '<').replace(/>/g, '>')  
  3. }  
7、原生JavaScript时间日期格式转换
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. Date.prototype.Format = function(formatStr) {  
  2.     var str = formatStr;  
  3.     var Week = ['日', '一', '二', '三', '四', '五', '六'];  
  4.     str = str.replace(/yyyy|YYYY/, this.getFullYear());  
  5.     str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));  
  6.     str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));  
  7.     str = str.replace(/M/g, (this.getMonth() + 1));  
  8.     str = str.replace(/w|W/g, Week[this.getDay()]);  
  9.     str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());  
  10.     str = str.replace(/d|D/g, this.getDate());  
  11.     str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());  
  12.     str = str.replace(/h|H/g, this.getHours());  
  13.     str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());  
  14.     str = str.replace(/m/g, this.getMinutes());  
  15.     str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());  
  16.     str = str.replace(/s|S/g, this.getSeconds());  
  17.     return str  
  18. }  
8、原生JavaScript判断是否为数字类型
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isDigit(value) {  
  2.     var patrn = /^[0-9]*$/;  
  3.     if (patrn.exec(value) == null || value == "") {  
  4.         return false  
  5.     } else {  
  6.         return true  
  7.     }  
  8. }  
9、原生JavaScript设置cookie值
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function setCookie(name, value, Hours) {  
  2.     var d = new Date();  
  3.     var offset = 8;  
  4.     var utc = d.getTime() + (d.getTimezoneOffset() * 60000);  
  5.     var nd = utc + (3600000 * offset);  
  6.     var exp = new Date(nd);  
  7.     exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);  
  8.     document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"  
  9. }  
10、原生JavaScript获取cookie值
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getCookie(name) {  
  2.     var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));  
  3.     if (arr != null) return unescape(arr[2]);  
  4.     return null  
  5. }  

11、原生JavaScript加入收藏夹

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function AddFavorite(sURL, sTitle) {  
  2.     try {  
  3.         window.external.addFavorite(sURL, sTitle)  
  4.     } catch(e) {  
  5.         try {  
  6.             window.sidebar.addPanel(sTitle, sURL, "")  
  7.         } catch(e) {  
  8.             alert("加入收藏失败，请使用Ctrl+D进行添加")  
  9.         }  
  10.     }  
  11. }  

12、原生JavaScript设为首页

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function setHomepage() {  
  2.     if (document.all) {  
  3.         document.body.style.behavior = 'url(#default#homepage)';  
  4.         document.body.setHomePage('http://www.jq-school.com')  
  5.     } else if (window.sidebar) {  
  6.         if (window.netscape) {  
  7.             try {  
  8.                 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")  
  9.             } catch(e) {  
  10.                 alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true")  
  11.             }  
  12.         }  
  13.         var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);  
  14.         prefs.setCharPref('browser.startup.homepage', 'http://www.jq-school.com')  
  15.     }  
  16. }  
13、原生JavaScript判断IE6
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. var ua = navigator.userAgent.toLowerCase();  
  2. var isIE6 = ua.indexOf("msie 6") > -1;  
  3. if (isIE6) {  
  4.     try {  
  5.         document.execCommand("BackgroundImageCache", false, true)  
  6.     } catch(e) {}  
  7. }  

14、原生JavaScript加载样式文件

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function LoadStyle(url) {  
  2.     try {  
  3.         document.createStyleSheet(url)  
  4.     } catch(e) {  
  5.         var cssLink = document.createElement('link');  
  6.         cssLink.rel = 'stylesheet';  
  7.         cssLink.type = 'text/css';  
  8.         cssLink.href = url;  
  9.         var head = document.getElementsByTagName('head')[0];  
  10.         head.appendChild(cssLink)  
  11.     }  
  12. }  
15、原生JavaScript返回脚本内容
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function evalscript(s) {  
  2.     if(s.indexOf('<script') == -1) return s;  
  3.     var p = /<script[^\>]*?>([^\x00]*?)<\/script>/ig;  
  4.     var arr = [];  
  5.     while(arr = p.exec(s)) {  
  6.         var p1 = /<script[^\>]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;  
  7.         var arr1 = [];  
  8.         arr1 = p1.exec(arr[0]);  
  9.         if(arr1) {  
  10.             appendscript(arr1[1], '', arr1[2], arr1[3]);  
  11.         } else {  
  12.             p1 = /<script(.*?)>([^\x00]+?)<\/script>/i;  
  13.             arr1 = p1.exec(arr[0]);  
  14.             appendscript('', arr1[2], arr1[1].indexOf('reload=') != -1);  
  15.         }  
  16.     }  
  17.     return s;  
  18. }  
16、原生JavaScript清除脚本内容
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function stripscript(s) {  
  2.     return s.replace(/<script.*?>.*?<\/script>/ig, '');  
  3. }  
17、原生JavaScript动态加载脚本文件
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function appendscript(src, text, reload, charset) {  
  2.     var id = hash(src + text);  
  3.     if(!reload && in_array(id, evalscripts)) return;  
  4.     if(reload && $(id)) {  
  5.         $(id).parentNode.removeChild($(id));  
  6.     }  
  7.   
  8.     evalscripts.push(id);  
  9.     var scriptNode = document.createElement("script");  
  10.     scriptNode.type = "text/javascript";  
  11.     scriptNode.id = id;  
  12.     scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);  
  13.     try {  
  14.         if(src) {  
  15.             scriptNode.src = src;  
  16.             scriptNode.onloadDone = false;  
  17.             scriptNode.onload = function () {  
  18.                 scriptNode.onloadDone = true;  
  19.                 JSLOADED[src] = 1;  
  20.             };  
  21.             scriptNode.onreadystatechange = function () {  
  22.                 if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode.onloadDone) {  
  23.                     scriptNode.onloadDone = true;  
  24.                     JSLOADED[src] = 1;  
  25.                 }  
  26.             };  
  27.         } else if(text){  
  28.             scriptNode.text = text;  
  29.         }  
  30.         document.getElementsByTagName('head')[0].appendChild(scriptNode);  
  31.     } catch(e) {}  
  32. }  
18、原生JavaScript返回按ID检索的元素对象
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function $(id) {  
  2.     return !id ? null : document.getElementById(id);  
  3. }  
19、原生JavaScript返回浏览器版本内容
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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. }  
20、原生JavaScript元素显示的通用方法
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function $(id) {  
  2.     return !id ? null : document.getElementById(id);  
  3. }  
  4. function display(id) {  
  5.     var obj = $(id);  
  6.     if(obj.style.visibility) {  
  7.         obj.style.visibility = obj.style.visibility == 'visible' ? 'hidden' : 'visible';  
  8.     } else {  
  9.         obj.style.display = obj.style.display == '' ? 'none' : '';  
  10.     }  
  11. }  

21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function insertAfter(newChild,refChild){   
  2.     var parElem=refChild.parentNode;   
  3.     if(parElem.lastChild==refChild){   
  4.         refChild.appendChild(newChild);   
  5.     }else{   
  6.         parElem.insertBefore(newChild,refChild.nextSibling);   
  7.     }   
  8. }  
22、原生JavaScript中兼容浏览器绑定元素事件
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function addEventSamp(obj,evt,fn){   
  2.     if (obj.addEventListener) {   
  3.         obj.addEventListener(evt, fn, false);   
  4.     }else if(obj.attachEvent){   
  5.         obj.attachEvent('on'+evt,fn);   
  6.     }   
  7. }   
23、原生JavaScript光标停在文字的后面，文本框获得焦点时调用
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function focusLast(){   
  2.     var e = event.srcElement;   
  3.     var r =e.createTextRange();   
  4.     r.moveStart('character',e.value.length);   
  5.     r.collapse(true);   
  6.     r.select();   
  7. }  
24、原生JavaScript检验URL链接是否有效
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getUrlState(URL){   
  2.     var xmlhttp = new ActiveXObject("microsoft.xmlhttp");   
  3.     xmlhttp.Open("GET",URL, false);    
  4.     try{    
  5.         xmlhttp.Send();   
  6.     }catch(e){  
  7.     }finally{   
  8.         var result = xmlhttp.responseText;   
  9.         if(result){   
  10.             if(xmlhttp.Status==200){   
  11.                 return(true);   
  12.             }else{   
  13.                 return(false);   
  14.             }   
  15.         }else{   
  16.             return(false);   
  17.         }   
  18.     }   
  19. }  
25、原生JavaScript格式化CSS样式代码
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function formatCss(s){//格式化代码  
  2.     s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");  
  3.     s = s.replace(/;\s*;/g, ";"); //清除连续分号  
  4.     s = s.replace(/\,[\s\.\#\d]*{/g, "{");  
  5.     s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");  
  6.     s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");  
  7.     s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");  
  8.     return s;  
  9. }  
26、原生JavaScript压缩CSS样式代码
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function yasuoCss (s) {//压缩代码  
  2.     s = s.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释  
  3.     s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");  
  4.     s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); //容错处理  
  5.     s = s.replace(/;\s*;/g, ";"); //清除连续分号  
  6.     s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白  
  7.     return (s == null) ? "" : s[1];  
  8. }  
27、原生JavaScript获取当前路径
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. var currentPageUrl = "";  
  2. if (typeof this.href === "undefined") {  
  3.     currentPageUrl = document.location.toString().toLowerCase();  
  4. }  
  5. else {  
  6.     currentPageUrl = this.href.toString().toLowerCase();  
  7. }  
28、原生JavaScriptIP转成整型
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function _ip2int(ip){  
  2.     var num = 0;  
  3.     ip = ip.split(".");  
  4.     num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);  
  5.     num = num >>> 0;  
  6.     return num;  
  7. }  
29、原生JavaScript整型解析为IP地址
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function _int2iP(num){  
  2.     var str;  
  3.     var tt = new Array();  
  4.     tt[0] = (num >>> 24) >>> 0;  
  5.     tt[1] = ((num << 8) >>> 24) >>> 0;  
  6.     tt[2] = (num << 16) >>> 24;  
  7.     tt[3] = (num << 24) >>> 24;  
  8.     str = String(tt[0]) + "." + String(tt[1]) + "." + String(tt[2]) + "." + String(tt[3]);  
  9.     return str;  
  10. }  
30、原生JavaScript实现checkbox全选与全不选
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function checkAll() {  
  2.     var selectall = document.getElementById("selectall");  
  3.     var allbox = document.getElementsByName("allbox");  
  4.     if (selectall.checked) {  
  5.         for (var i = 0; i < allbox.length; i++) {  
  6.             allbox[i].checked = true;  
  7.         }  
  8.     } else {  
  9.         for (var i = 0; i < allbox.length; i++) {  
  10.             allbox[i].checked = false;  
  11.         }  
  12.     }  
  13. }  

(31~40)移动篇
31、原生JavaScript判断是否移动设备
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isMobile(){  
  2.     if (typeof this._isMobile === 'boolean'){  
  3.         return this._isMobile;  
  4.     }  
  5.     var screenWidth = this.getScreenWidth();  
  6.     var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;  
  7.     var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");  
  8.     if(!fixViewPortsExperiment){  
  9.         if(!this.isAppleMobileDevice()){  
  10.             screenWidth = screenWidth/window.devicePixelRatio;  
  11.         }  
  12.     }  
  13.     var isMobileScreenSize = screenWidth < 600;  
  14.     var isMobileUserAgent = false;  
  15.     this._isMobile = isMobileScreenSize && this.isTouchScreen();  
  16.     return this._isMobile;  
  17. }  
32、原生JavaScript判断是否移动设备访问
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isMobileUserAgent(){  
  2.     return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));  
  3. }  
33、原生JavaScript判断是否苹果移动设备访问
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isAppleMobileDevice(){  
  2.     return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));  
  3. }  
34、原生JavaScript判断是否安卓移动设备访问
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isAndroidMobileDevice(){  
  2.     return (/android/i.test(navigator.userAgent.toLowerCase()));  
  3. }  
35、原生JavaScript判断是否Touch屏幕
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isTouchScreen(){  
  2.     return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);  
  3. }  
36、原生JavaScript判断是否在安卓上的谷歌浏览器
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isNewChromeOnAndroid(){  
  2.     if(this.isAndroidMobileDevice()){  
  3.         var userAgent = navigator.userAgent.toLowerCase();  
  4.         if((/chrome/i.test(userAgent))){  
  5.             var parts = userAgent.split('chrome/');  
  6.   
  7.             var fullVersionString = parts[1].split(" ")[0];  
  8.             var versionString = fullVersionString.split('.')[0];  
  9.             var version = parseInt(versionString);  
  10.   
  11.             if(version >= 27){  
  12.                 return true;  
  13.             }  
  14.         }  
  15.     }  
  16.     return false;  
  17. }  
37、原生JavaScript判断是否打开视窗
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isViewportOpen() {  
  2.     return !!document.getElementById('wixMobileViewport');  
  3. }  
38、原生JavaScript获取移动设备初始化大小
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getInitZoom(){  
  2.     if(!this._initZoom){  
  3.         var screenWidth = Math.min(screen.height, screen.width);  
  4.         if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){  
  5.             screenWidth = screenWidth/window.devicePixelRatio;  
  6.         }  
  7.         this._initZoom = screenWidth /document.body.offsetWidth;  
  8.     }  
  9.     return this._initZoom;  
  10. }  
39、原生JavaScript获取移动设备最大化大小
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getZoom(){  
  2.     var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);  
  3.     if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){  
  4.         screenWidth = screenWidth/window.devicePixelRatio;  
  5.     }  
  6.     var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;  
  7.     var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");  
  8.     if(FixViewPortsExperimentRunning){  
  9.         return screenWidth / window.innerWidth;  
  10.     }else{  
  11.         return screenWidth / document.body.offsetWidth;  
  12.     }  
  13. }  
40、原生JavaScript获取移动设备屏幕宽度
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getScreenWidth(){  
  2.     var smallerSide = Math.min(screen.width, screen.height);  
  3.     var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;  
  4.     var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");  
  5.     if(fixViewPortsExperiment){  
  6.         if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){  
  7.             smallerSide = smallerSide/window.devicePixelRatio;  
  8.         }  
  9.     }  
  10.     return smallerSide;  
  11. }  
41、原生JavaScript完美判断是否为网址
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function IsURL(strUrl) {  
  2.     var regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i  
  3.     if (regular.test(strUrl)) {  
  4.         return true;  
  5.     }  
  6.     else {  
  7.         return false;  
  8.     }  
  9. }  
42、原生JavaScript根据样式名称检索元素对象
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getElementsByClassName(name) {  
  2.     var tags = document.getElementsByTagName('*') || document.all;  
  3.     var els = [];  
  4.     for (var i = 0; i < tags.length; i++) {  
  5.         if (tags[i].className) {  
  6.             var cs = tags[i].className.split(' ');  
  7.             for (var j = 0; j < cs.length; j++) {  
  8.                 if (name == cs[j]) {  
  9.                     els.push(tags[i]);  
  10.                     break  
  11.                 }  
  12.             }  
  13.         }  
  14.     }  
  15.     return els  
  16. }  
43、原生JavaScript判断是否以某个字符串开头
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. String.prototype.startWith = function (s) {  
  2.     return this.indexOf(s) == 0  
  3. }  
44、原生JavaScript判断是否以某个字符串结束
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. String.prototype.endWith = function (s) {  
  2.     var d = this.length - s.length;  
  3.     return (d >= 0 && this.lastIndexOf(s) == d)  
  4. }  
45、原生JavaScript返回IE浏览器的版本号
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getIE(){  
  2.     if (window.ActiveXObject){  
  3.         var v = navigator.userAgent.match(/MSIE ([^;]+)/)[1];  
  4.         return parseFloat(v.substring(0, v.indexOf(".")))  
  5.     }  
  6.     return false  
  7. }  
46、原生JavaScript获取页面高度
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getPageHeight(){  
  2.     var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"  
  3.             ? a  
  4.             : g.documentElement;  
  5.     return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);  
  6. }  
47、原生JavaScript获取页面scrollLeft
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getPageScrollLeft(){  
  2.     var a = document;  
  3.     return a.documentElement.scrollLeft || a.body.scrollLeft;  
  4. }  
48、原生JavaScript获取页面可视宽度
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getPageViewWidth(){  
  2.     var d = document, a = d.compatMode == "BackCompat"  
  3.             ? d.body  
  4.             : d.documentElement;  
  5.     return a.clientWidth;  
  6. }  
49、原生JavaScript获取页面宽度
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getPageWidth(){  
  2.     var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"  
  3.             ? a  
  4.             : g.documentElement;  
  5.     return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);  
  6. }  
50、原生JavaScript获取页面scrollTop
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function getPageScrollTop(){  
  2.     var a = document;  
  3.     return a.documentElement.scrollTop || a.body.scrollTop;  
  4. }  
51、原生JavaScript获取页面可视高度
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> getPageViewHeight() {  </span></span></li><li><span>    <span class="keyword">var</span><span> d = document, a = d.compatMode == </span><span class="string">"BackCompat"</span><span>  </span></span></li><li class="alt"><span>            ? d.body  </span></li><li><span>            : d.documentElement;  </span></li><li class="alt"><span>    <span class="keyword">return</span><span> a.clientHeight;  </span></span></li><li><span>}  </span></li></ol></div><span style="font-size:18px;"><strong>52、原生JavaScript跨浏览器添加事件</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> addEvt(oTarget,sEvtType,fnHandle){  </span></span></li><li><span>    <span class="keyword">if</span><span>(!oTarget){</span><span class="keyword">return</span><span>;}  </span></span></li><li class="alt"><span>    <span class="keyword">if</span><span>(oTarget.addEventListener){  </span></span></li><li><span>        oTarget.addEventListener(sEvtType,fnHandle,<span class="keyword">false</span><span>);  </span></span></li><li class="alt"><span>    }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(oTarget.attachEvent){  </span></span></li><li><span>        oTarget.attachEvent(<span class="string">"on"</span><span> + sEvtType,fnHandle);  </span></span></li><li class="alt"><span>    }<span class="keyword">else</span><span>{  </span></span></li><li><span>        oTarget[<span class="string">"on"</span><span> + sEvtType] = fnHandle;  </span></span></li><li class="alt"><span>    }  </span></li><li><span>}  </span></li></ol></div><span style="font-size:18px;"><strong>53、原生JavaScript跨浏览器删除事件</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> delEvt(oTarget,sEvtType,fnHandle){  </span></span></li><li><span>    <span class="keyword">if</span><span>(!oTarget){</span><span class="keyword">return</span><span>;}  </span></span></li><li class="alt"><span>    <span class="keyword">if</span><span>(oTarget.addEventListener){  </span></span></li><li><span>        oTarget.addEventListener(sEvtType,fnHandle,<span class="keyword">false</span><span>);  </span></span></li><li class="alt"><span>    }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(oTarget.attachEvent){  </span></span></li><li><span>        oTarget.attachEvent(<span class="string">"on"</span><span> + sEvtType,fnHandle);  </span></span></li><li class="alt"><span>    }<span class="keyword">else</span><span>{  </span></span></li><li><span>        oTarget[<span class="string">"on"</span><span> + sEvtType] = fnHandle;  </span></span></li><li class="alt"><span>    }  </span></li><li><span>}  </span></li></ol></div><span style="font-size:18px;"><strong>54、原生JavaScript去掉url前缀</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> removeUrlPrefix(a){  </span></span></li><li><span>  a=a.replace(/：/g,<span class="string">":"</span><span>).replace(/．/g,</span><span class="string">"."</span><span>).replace(/／/g,</span><span class="string">"/"</span><span>);  </span></span></li><li class="alt"><span>  <span class="keyword">while</span><span>(trim(a).toLowerCase().indexOf(</span><span class="string">"http://"</span><span>)==0){  </span></span></li><li><span>    a=trim(a.replace(/http:\/\<span class="comment">//i,""));</span><span>  </span></span></li><li class="alt"><span>  }  </span></li><li><span>  <span class="keyword">return</span><span> a;  </span></span></li><li class="alt"><span>}  </span></li></ol></div><strong><span style="font-size:18px;">55、原生JavaScript随机数时间戳</span></strong>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> uniqueId(){  </span></span></li><li><span>    <span class="keyword">var</span><span> a=Math.random,b=parseInt;  </span></span></li><li class="alt"><span>    <span class="keyword">return</span><span> Number(</span><span class="keyword">new</span><span> Date()).toString()+b(10*a())+b(10*a())+b(10*a());  </span></span></li><li><span>}  </span></li></ol></div>
56、原生JavaScript全角半角转换,iCase: 0全到半，1半到全，其他不转化
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> chgCase(sStr,iCase){  </span></span></li><li><span>    <span class="keyword">if</span><span>(</span><span class="keyword">typeof</span><span> sStr != </span><span class="string">"string"</span><span> || sStr.length <= 0 || !(iCase === 0 || iCase == 1)){  </span></span></li><li class="alt"><span>        <span class="keyword">return</span><span> sStr;  </span></span></li><li><span>    }  </span></li><li class="alt"><span>    <span class="keyword">var</span><span> i,oRs=[],iCode;  </span></span></li><li><span>    <span class="keyword">if</span><span>(iCase){</span><span class="comment">/*半->全*/</span><span>  </span></span></li><li class="alt"><span>        <span class="keyword">for</span><span>(i=0; i<sStr.length;i+=1){   </span></span></li><li><span>            iCode = sStr.charCodeAt(i);  </span></li><li class="alt"><span>            <span class="keyword">if</span><span>(iCode == 32){  </span></span></li><li><span>                iCode = 12288;                </span></li><li class="alt"><span>            }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(iCode < 127){  </span></span></li><li><span>                iCode += 65248;  </span></li><li class="alt"><span>            }  </span></li><li><span>            oRs.push(String.fromCharCode(iCode));   </span></li><li class="alt"><span>        }         </span></li><li><span>    }<span class="keyword">else</span><span>{</span><span class="comment">/*全->半*/</span><span>  </span></span></li><li class="alt"><span>        <span class="keyword">for</span><span>(i=0; i<sStr.length;i+=1){   </span></span></li><li><span>            iCode = sStr.charCodeAt(i);  </span></li><li class="alt"><span>            <span class="keyword">if</span><span>(iCode == 12288){  </span></span></li><li><span>                iCode = 32;  </span></li><li class="alt"><span>            }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(iCode > 65280 && iCode < 65375){  </span></span></li><li><span>                iCode -= 65248;               </span></li><li class="alt"><span>            }  </span></li><li><span>            oRs.push(String.fromCharCode(iCode));   </span></li><li class="alt"><span>        }         </span></li><li><span>    }         </span></li><li class="alt"><span>    <span class="keyword">return</span><span> oRs.join(</span><span class="string">""</span><span>);          </span></span></li><li><span>}  </span></li></ol></div><span style="font-size:18px;"><strong>57、原生JavaScript确认是否键盘有效输入值</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> checkKey(iKey){  </span></span></li><li><span>    <span class="keyword">if</span><span>(iKey == 32 || iKey == 229){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*空格和异常*/</span><span>  </span></span></li><li class="alt"><span>    <span class="keyword">if</span><span>(iKey>47 && iKey < 58){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*数字*/</span><span>  </span></span></li><li><span>    <span class="keyword">if</span><span>(iKey>64 && iKey < 91){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*字母*/</span><span>  </span></span></li><li class="alt"><span>    <span class="keyword">if</span><span>(iKey>95 && iKey < 108){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*数字键盘1*/</span><span>  </span></span></li><li><span>    <span class="keyword">if</span><span>(iKey>108 && iKey < 112){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*数字键盘2*/</span><span>  </span></span></li><li class="alt"><span>    <span class="keyword">if</span><span>(iKey>185 && iKey < 193){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*符号1*/</span><span>  </span></span></li><li><span>    <span class="keyword">if</span><span>(iKey>218 && iKey < 223){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*符号2*/</span><span>  </span></span></li><li class="alt"><span>    <span class="keyword">return</span><span> </span><span class="keyword">false</span><span>;  </span></span></li><li><span>}  </span></li></ol></div>
58、原生JavaScript获取网页被卷去的位置
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> getScrollXY() {  </span></span></li><li><span>    <span class="keyword">return</span><span> document.body.scrollTop ? {  </span></span></li><li class="alt"><span>        x: document.body.scrollLeft,  </span></li><li><span>        y: document.body.scrollTop  </span></li><li class="alt"><span>    }: {  </span></li><li><span>        x: document.documentElement.scrollLeft,  </span></li><li class="alt"><span>        y: document.documentElement.scrollTop  </span></li><li><span>    }  </span></li><li class="alt"><span>}  </span></li></ol></div><strong><span style="font-size:18px;">59、原生JavaScript另一种正则日期格式化函数+调用方法</span></strong>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span>Date.prototype.format = </span><span class="keyword">function</span><span>(format){ </span><span class="comment">//author: meizz</span><span>  </span></span></li><li><span>  <span class="keyword">var</span><span> o = {  </span></span></li><li class="alt"><span>    <span class="string">"M+"</span><span> : </span><span class="keyword">this</span><span>.getMonth()+1, </span><span class="comment">//month</span><span>  </span></span></li><li><span>    <span class="string">"d+"</span><span> : </span><span class="keyword">this</span><span>.getDate(),    </span><span class="comment">//day</span><span>  </span></span></li><li class="alt"><span>    <span class="string">"h+"</span><span> : </span><span class="keyword">this</span><span>.getHours(),   </span><span class="comment">//hour</span><span>  </span></span></li><li><span>    <span class="string">"m+"</span><span> : </span><span class="keyword">this</span><span>.getMinutes(), </span><span class="comment">//minute</span><span>  </span></span></li><li class="alt"><span>    <span class="string">"s+"</span><span> : </span><span class="keyword">this</span><span>.getSeconds(), </span><span class="comment">//second</span><span>  </span></span></li><li><span>    <span class="string">"q+"</span><span> : Math.floor((</span><span class="keyword">this</span><span>.getMonth()+3)/3),  </span><span class="comment">//quarter</span><span>  </span></span></li><li class="alt"><span>    <span class="string">"S"</span><span> : </span><span class="keyword">this</span><span>.getMilliseconds() </span><span class="comment">//millisecond</span><span>  </span></span></li><li><span>  }  </span></li><li class="alt"><span>  <span class="keyword">if</span><span>(/(y+)/.test(format)) format=format.replace(RegExp.$1,  </span></span></li><li><span>    (<span class="keyword">this</span><span>.getFullYear()+</span><span class="string">""</span><span>).substr(4 - RegExp.$1.length));  </span></span></li><li class="alt"><span>  <span class="keyword">for</span><span>(</span><span class="keyword">var</span><span> k </span><span class="keyword">in</span><span> o)</span><span class="keyword">if</span><span>(</span><span class="keyword">new</span><span> RegExp(</span><span class="string">"("</span><span>+ k +</span><span class="string">")"</span><span>).test(format))  </span></span></li><li><span>    format = format.replace(RegExp.$1,  </span></li><li class="alt"><span>      RegExp.$1.length==1 ? o[k] :  </span></li><li><span>        (<span class="string">"00"</span><span>+ o[k]).substr((</span><span class="string">""</span><span>+ o[k]).length));  </span></span></li><li class="alt"><span>  <span class="keyword">return</span><span> format;  </span></span></li><li><span>}  </span></li><li class="alt"><span>alert(<span class="keyword">new</span><span> Date().format(</span><span class="string">"yyyy-MM-dd hh:mm:ss"</span><span>));  </span></span></li></ol></div><strong><span style="font-size:18px;">60、原生JavaScript时间个性化输出功能</span></strong>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="comment">/*</span> </span></li><li><span><span class="comment">1、< 60s, 显示为“刚刚”</span> </span></li><li class="alt"><span><span class="comment">2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”</span> </span></li><li><span><span class="comment">3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”</span> </span></li><li class="alt"><span><span class="comment">4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”</span> </span></li><li><span><span class="comment">5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”</span> </span></li><li class="alt"><span><span class="comment"> */</span><span>  </span></span></li><li><span><span class="keyword">function</span><span> timeFormat(time){  </span></span></li><li class="alt"><span>  <span class="keyword">var</span><span> date = </span><span class="keyword">new</span><span> Date(time)  </span></span></li><li><span>    , curDate = <span class="keyword">new</span><span> Date()  </span></span></li><li class="alt"><span>    , year = date.getFullYear()  </span></li><li><span>    , month = date.getMonth() + 1  </span></li><li class="alt"><span>    , day = date.getDate()  </span></li><li><span>    , hour = date.getHours()  </span></li><li class="alt"><span>    , minute = date.getMinutes()  </span></li><li><span>    , curYear = curDate.getFullYear()  </span></li><li class="alt"><span>    , curHour = curDate.getHours()  </span></li><li><span>    , timeStr;  </span></li><li class="alt"><span>  </span></li><li><span>  <span class="keyword">if</span><span>(year < curYear){  </span></span></li><li class="alt"><span>    timeStr = year +<span class="string">'年'</span><span>+ month +</span><span class="string">'月'</span><span>+ day +</span><span class="string">'日 '</span><span>+ hour +</span><span class="string">':'</span><span>+ minute;  </span></span></li><li><span>  }<span class="keyword">else</span><span>{  </span></span></li><li class="alt"><span>    <span class="keyword">var</span><span> pastTime = curDate - date  </span></span></li><li><span>      , pastH = pastTime/3600000;  </span></li><li class="alt"><span>  </span></li><li><span>    <span class="keyword">if</span><span>(pastH > curHour){  </span></span></li><li class="alt"><span>      timeStr = month +<span class="string">'月'</span><span>+ day +</span><span class="string">'日 '</span><span>+ hour +</span><span class="string">':'</span><span>+ minute;  </span></span></li><li><span>    }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(pastH >= 1){  </span></span></li><li class="alt"><span>      timeStr = <span class="string">'今天 '</span><span> + hour +</span><span class="string">':'</span><span>+ minute +</span><span class="string">'分'</span><span>;  </span></span></li><li><span>    }<span class="keyword">else</span><span>{  </span></span></li><li class="alt"><span>      <span class="keyword">var</span><span> pastM = curDate.getMinutes() - minute;  </span></span></li><li><span>      <span class="keyword">if</span><span>(pastM > 1){  </span></span></li><li class="alt"><span>        timeStr = pastM +<span class="string">'分钟前'</span><span>;  </span></span></li><li><span>      }<span class="keyword">else</span><span>{  </span></span></li><li class="alt"><span>        timeStr = <span class="string">'刚刚'</span><span>;  </span></span></li><li><span>      }  </span></li><li class="alt"><span>    }  </span></li><li><span>  }  </span></li><li class="alt"><span>  <span class="keyword">return</span><span> timeStr;  </span></span></li><li><span>}  </span></li></ol></div>

61、原生JavaScript解决offsetX兼容性问题

[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. // 针对火狐不支持offsetX/Y  
  2. function getOffset(e){  
  3.   var target = e.target, // 当前触发的目标对象  
  4.       eventCoord,  
  5.       pageCoord,  
  6.       offsetCoord;  
  7.   
  8.   
  9.   // 计算当前触发元素到文档的距离  
  10.   pageCoord = getPageCoord(target);  
  11.   
  12.   
  13.   // 计算光标到文档的距离  
  14.   eventCoord = {  
  15.     X : window.pageXOffset + e.clientX,  
  16.     Y : window.pageYOffset + e.clientY  
  17.   };  
  18.   
  19.   
  20.   // 相减获取光标到第一个定位的父元素的坐标  
  21.   offsetCoord = {  
  22.     X : eventCoord.X - pageCoord.X,  
  23.     Y : eventCoord.Y - pageCoord.Y  
  24.   };  
  25.   return offsetCoord;  
  26. }  
  27.   
  28.   
  29. function getPageCoord(element){  
  30.   var coord = { X : 0, Y : 0 };  
  31.   // 计算从当前触发元素到根节点为止，  
  32.   // 各级 offsetParent 元素的 offsetLeft 或 offsetTop 值之和  
  33.   while (element){  
  34.     coord.X += element.offsetLeft;  
  35.     coord.Y += element.offsetTop;  
  36.     element = element.offsetParent;  
  37.   }  
  38.   return coord;  
  39. }  
62、原生JavaScript常用的正则表达式
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. //正整数  
  2. /^[0-9]*[1-9][0-9]*$/;  
  3. //负整数  
  4. /^-[0-9]*[1-9][0-9]*$/;  
  5. //正浮点数  
  6. /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;     
  7. //负浮点数  
  8. /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;    
  9. //浮点数  
  10. /^(-?\d+)(\.\d+)?$/;  
  11. //email地址  
  12. /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;  
  13. //url地址  
  14. /^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$/;  
  15. //年/月/日（年-月-日、年.月.日）  
  16. /^(19|20)\d\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$/;  
  17. //匹配中文字符  
  18. /[\u4e00-\u9fa5]/;  
  19. //匹配帐号是否合法(字母开头，允许5-10字节，允许字母数字下划线)  
  20. /^[a-zA-Z][a-zA-Z0-9_]{4,9}$/;  
  21. //匹配空白行的正则表达式  
  22. /\n\s*\r/;  
  23. //匹配中国邮政编码  
  24. /[1-9]\d{5}(?!\d)/;  
  25. //匹配身份证  
  26. /\d{15}|\d{18}/;  
  27. //匹配国内电话号码  
  28. /(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/;  
  29. //匹配IP地址  
  30. /((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/;  
  31. //匹配首尾空白字符的正则表达式  
  32. /^\s*|\s*$/;  
  33. //匹配HTML标记的正则表达式  
  34. < (\S*?)[^>]*>.*?|< .*? />;  
63、原生JavaScript实现返回顶部的通用方法
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function backTop(btnId) {  
  2.     var btn = document.getElementById(btnId);  
  3.     var d = document.documentElement;  
  4.     var b = document.body;  
  5.     window.onscroll = set;  
  6.     btn.style.display = "none";  
  7.     btn.onclick = function() {  
  8.         btn.style.display = "none";  
  9.         window.onscroll = null;  
  10.         this.timer = setInterval(function() {  
  11.             d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);  
  12.             b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);  
  13.             if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer, window.onscroll = set);  
  14.         },  
  15.         10);  
  16.     };  
  17.     function set() {  
  18.         btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block': "none"  
  19.     }  
  20. };  
  21. backTop('goTop');  
64、原生JavaScript获得URL中GET参数值
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. // 用法：如果地址是 test.htm?t1=1&t2=2&t3=3, 那么能取得：GET["t1"], GET["t2"], GET["t3"]  
  2. function get_get(){   
  3.   querystr = window.location.href.split("?")  
  4.   if(querystr[1]){  
  5.     GETs = querystr[1].split("&")  
  6.     GET =new Array()  
  7.     for(i=0;i<GETs.length;i++){  
  8.       tmp_arr = GETs[i].split("=")  
  9.       key=tmp_arr[0]  
  10.       GET[key] = tmp_arr[1]  
  11.     }  
  12.   }  
  13.   return querystr[1];  
  14. }  
65、原生JavaScript实现全选通用方法
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function checkall(form, prefix, checkall) {  
  2.     var checkall = checkall ? checkall : 'chkall';  
  3.     for(var i = 0; i < form.elements.length; i++) {  
  4.         var e = form.elements[i];  
  5.         if(e.type=="checkbox"){  
  6.             e.checked = form.elements[checkall].checked;  
  7.         }  
  8.     }  
  9. }  
66、原生JavaScript实现全部取消选择通用方法
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function uncheckAll(form) {  
  2.     for (var i=0;i<form.elements.length;i++){  
  3.         var e = form.elements[i];  
  4.         if (e.name != 'chkall')  
  5.         e.checked=!e.checked;  
  6.     }  
  7. }  
67、原生JavaScript实现打开一个窗体通用方法
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function openWindow(url,windowName,width,height){  
  2.     var x = parseInt(screen.width / 2.0) - (width / 2.0);   
  3.     var y = parseInt(screen.height / 2.0) - (height / 2.0);  
  4.     var isMSIE= (navigator.appName == "Microsoft Internet Explorer");  
  5.     if (isMSIE) {  
  6.         var p = "resizable=1,location=no,scrollbars=no,width=";  
  7.         p = p+width;  
  8.         p = p+",height=";  
  9.         p = p+height;  
  10.         p = p+",left=";  
  11.         p = p+x;  
  12.         p = p+",top=";  
  13.         p = p+y;  
  14.         retval = window.open(url, windowName, p);  
  15.     } else {  
  16.         var win = window.open(url, "ZyiisPopup", "top=" + y + ",left=" + x + ",scrollbars=" + scrollbars + ",dialog=yes,modal=yes,width=" + width + ",height=" + height + ",resizable=no" );  
  17.         eval("try { win.resizeTo(width, height); } catch(e) { }");  
  18.         win.focus();  
  19.     }  
  20. }  
68、原生JavaScript判断是否为客户端设备
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function client(o){   
  2.        var b = navigator.userAgent.toLowerCase();     
  3.        var t = false;  
  4.        if (o == 'isOP'){  
  5.              t = b.indexOf('opera') > -1;  
  6.        }  
  7.        if (o == 'isIE'){  
  8.              t = b.indexOf('msie') > -1;  
  9.        }  
  10.        if (o == 'isFF'){  
  11.              t = b.indexOf('firefox') > -1;  
  12.        }  
  13.        return t;  
  14. }  
69、原生JavaScript获取单选按钮的值
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function get_radio_value(field){  
  2.     if(field&&field.length){      
  3.         for(var i=0;i<field.length;i++){       
  4.             if(field[i].checked){             
  5.                 return field[i].value;                                
  6.             }             
  7.         }         
  8.     }else {       
  9.         return ;                  
  10.     }     
  11. }  
70、原生JavaScript获取复选框的值
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function get_checkbox_value(field){   
  2.     if(field&&field.length){      
  3.         for(var i=0;i<field.length;i++){           
  4.             if(field[i].checked && !field[i].disabled){  
  5.                 return field[i].value;  
  6.             }  
  7.         }         
  8.     }else {  
  9.         return;  
  10.     }             
  11. }  

(71~80)验证篇这一篇文章主要是10个比较常用表单验证功能，包括了邮箱、危险字符、验证长度、验证网址、验证小数、整数、浮点数等常用的验证，有了这些代码片段，平时的表单验证也可以不需要jquery的验证插件了，希望可以帮到大家。。。
 71、原生JavaScript判断是否为邮箱
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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判断是否有列表中的危险字符
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isValidReg(chars){  
  2.     var re=/&lt;|>|\[|\]|\{|\}|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ|ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ|ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ|■|▄|▆|\*|@|#|\^|\\/;  
  3.     if (re.test( chars) == true) {  
  4.         return false;  
  5.     }else{  
  6.         return true;  
  7.     }     
  8. }  
73、原生JavaScript判断字符串是否大于规定的长度
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function isValidLength(chars, len) {  
  2.     if (chars.length < len) {  
  3.         return false;  
  4.     }  
  5.     return true;  
  6. }  
74、原生JavaScript判断字符串是为网址不区分大小写
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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判断字符串是否为小数
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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判断字符串是否为整数
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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判断字符串是否为浮点数
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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英文字母
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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判断字符串是否邮政编码
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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用正则表达式提取页面代码中所有网址
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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用正则表达式清除相同的数组(低效率)
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. Array.prototype.unique=function(){  
  2.     return this.reverse().join(",").match(/([^,]+)(?!.*\1)/ig).reverse();  
  3. }  
83、原生JavaScript用正则表达式清除相同的数组(高效率)
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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用正则表达式按字母排序，对每行进行数组排序
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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字符串反序
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function IsReverse(text){  
  2.     return text.split('').reverse().join('');  
  3. }  
86、原生JavaScript用正则表达式清除html代码中的脚本
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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脚本
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function javascript(){  
  2.     try{  
  3.       eval(K1.value);  
  4.     }catch(e){  
  5.         alert(e.message);  
  6.     }  
  7. }  
88、原生JavaScript动态执行VBScript脚本
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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实现金额大写转换函数
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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常用的正则表达式大收集
[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  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的操作（兼容所以的浏览器）
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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用正则清除空格分左右
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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判断变量是否空值
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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解码
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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解码
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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获取窗体可见范围的宽与高
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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版本号（既简洁、又向后兼容！）
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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获取浏览器版本号
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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半角转换为全角函数
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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全角转换为半角函数 
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
  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. }  



作者： EricHu出处： http://blog.csdn.net/chinahuyongEmail: 406590790@qq.comQQ 交流：406590790 QQ群：16653241平台博客：   【CSDN】http://blog.csdn.net/chinahuyong         【CNBLOGS】http://www.cnblogs.com/huyong关于作者：高级工程师、信息系统项目管理师、DBA。专注于微软平台项目架构、管理和企业解决方案，多年项目开发与管理经验，曾多次组织并开发多个大型项目，精通DotNet，DB（SqlServer、Oracle等）技术。熟悉Java、Delhpi及Linux操作系统，有扎实的网络知识。在面向对象、面向服务以及数据库领域有一定的造诣。现从事DB管理与开发、WinForm、WCF、WebService、网页数据抓取以及ASP.NET等项目管理、开发、架构等工作。如有问题或建议，请多多赐教！本文版权归作者和CSDN博客共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过邮箱或
0 0
手机自制音乐软件 手机自制音乐软件
原创粉丝点击
热门IT博客
超链接执行js超链接执行js
知乎 英国 俄罗斯 海军知乎 英国 俄罗斯 海军
python语言与自动驾驶
php中的spl函数
淘宝网店店名怎么改
wkwebview js交互教程
厦门软件测试工资待遇
数据网关是什么
中国贫富差距 知乎
苹果怎么下载软件
php lastmodifieddate
淘宝友臣肉松饼是假的
正版的办公软件
精易编程助手教程
开局只有5个农民 知乎
ps软件使用说明
越出国越爱国知乎
查询火车票的软件
淘宝大图怎么调缩略图
java web招聘网站源码
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 如何查号码归属地 查电信号码 查电话的号码 车牌查号码 移动查积分号码 固定电话查本机号码 能查电话号码吗 查移动号码姓名 查电话号码地区 查话费号码 怎样查号码归属地 电话查本机号码 网上能查电话号码吗 联通号码怎么查本机号码 查号码归属地的软件 怎么查移动号码 查流量发什么号码 联通查号码 联通查本机号码怎么查 查港澳通行证号码 电话号码可以查名字吗 代查电话号码 联通手机查号码 查号码名字 联通查电话号码 号码查名字 怎么查座机号码 查话费余额的号码 手机查话费号码 座机查本机号码 怎么查号码归属地查询 手机机主姓名在线查询 查询机主姓名 手机归属地查询及机主姓名 怎么查询机主姓名 如何查询机主姓名 电话号归属地查询 出租车查询电话 电话查询系统 查询电话号 电信客服电话查话费号码

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里