JavaScript常用方法函数收集

本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助。

1. 字符串长度截取

function cutstr(str, len) {
    var temp,
        icount = 0,
        patrn = /[^\x00-\xff]/
        strre = "";
    for (var i = 0; i < str.length; i++) {
        if (icount < len - 1) {
            temp = str.substr(i, 1);
                if (patrn.exec(temp) == null) {
                   icount = icount + 1
            } else {
                icount = icount + 2
            }
            strre += temp
            } else {
            break;
        }
    }
    return strre + "..."
}

 

2. 替换全部

String.prototype.replaceAll = function(s1, s2) {
    return this.replace(new RegExp(s1, "gm"), s2)
}

3. 清除空格

String.prototype.trim = function() {
    var reExtraSpace = /^\s*(.*?)\s+$/;
    return this.replace(reExtraSpace, "$1")
}

4. 清除左空格/右空格

function ltrim(s){ return s.replace( /^(\s*| *)/, ""); } 
function rtrim(s){ return s.replace( /(\s*| *)$/, ""); }

5. 判断是否以某个字符串开头

String.prototype.startWith = function (s) {
    return this.indexOf(s) == 0
}

6. 判断是否以某个字符串结束

String.prototype.endWith = function (s) {
    var d = this.length - s.length;
    return (d >= 0 && this.lastIndexOf(s) == d)
}

7. 转义html标签

function HtmlEncode(text) {
    return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>')
}

8. 时间日期格式转换

Date.prototype.Format = function(formatStr) {
    var str = formatStr;
    var Week = ['日', '一', '二', '三', '四', '五', '六'];
    str = str.replace(/yyyy|YYYY/, this.getFullYear());
    str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
    str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
    str = str.replace(/M/g, (this.getMonth() + 1));
    str = str.replace(/w|W/g, Week[this.getDay()]);
    str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
    str = str.replace(/d|D/g, this.getDate());
    str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
    str = str.replace(/h|H/g, this.getHours());
    str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
    str = str.replace(/m/g, this.getMinutes());
    str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
    str = str.replace(/s|S/g, this.getSeconds());
    return str
}

9. 判断是否为数字类型

function isDigit(value) {
    var patrn = /^[0-9]*$/;
    if (patrn.exec(value) == null || value == "") {
        return false
    } else {
        return true
    }
}

10. 设置cookie值

function setCookie(name, value, Hours) {
    var d = new Date();
    var offset = 8;
    var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    var nd = utc + (3600000 * offset);
    var exp = new Date(nd);
    exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);
    document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"
}

11. 获取cookie值

function getCookie(name) {
    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    if (arr != null) return unescape(arr[2]);
    return null
}

12. 加入收藏夹

function AddFavorite(sURL, sTitle) {
    try {
        window.external.addFavorite(sURL, sTitle)
    } catch(e) {
        try {
            window.sidebar.addPanel(sTitle, sURL, "")
        } catch(e) {
            alert("加入收藏失败,请使用Ctrl+D进行添加")
        }
    }
}

13. 设为首页

function setHomepage() {
    if (document.all) {
        document.body.style.behavior = 'url(#default#homepage)';
        document.body.setHomePage('http://w3cboy.com')
    } else if (window.sidebar) {
        if (window.netscape) {
            try {
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")
            } catch(e) {
                alert("该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true")
                }
        }
        var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
        prefs.setCharPref('browser.startup.homepage', 'http://w3cboy.com')
    }
}

14. 加载样式文件

function LoadStyle(url) {
    try {
        document.createStyleSheet(url)
    } catch(e) {
        var cssLink = document.createElement('link');
        cssLink.rel = 'stylesheet';
        cssLink.type = 'text/css';
        cssLink.href = url;
        var head = document.getElementsByTagName('head')[0];
        head.appendChild(cssLink)
    }
}

15. 返回脚本内容

function evalscript(s) {
    if(s.indexOf('<script') == -1) return s;
    var p = /<script[^\>]*?>([^\x00]*?)<\/script>/ig;
    var arr = [];
    while(arr = p.exec(s)) {
        var p1 = /<script[^\>]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;
        var arr1 = [];
        arr1 = p1.exec(arr[0]);
        if(arr1) {
            appendscript(arr1[1], '', arr1[2], arr1[3]);
        } else {
            p1 = /<script(.*?)>([^\x00]+?)<\/script>/i;
            arr1 = p1.exec(arr[0]);
            appendscript('', arr1[2], arr1[1].indexOf('reload=') != -1);
        }
    }
    return s;
}

16. 清除脚本内容

function stripscript(s) {
    return s.replace(/<script.*?>.*?<\/script>/ig, '');
}

17. 动态加载脚本文件

function appendscript(src, text, reload, charset) {
    var id = hash(src + text);
    if(!reload && in_array(id, evalscripts)) return;
    if(reload && $(id)) {
        $(id).parentNode.removeChild($(id));
    }
 
    evalscripts.push(id);
    var scriptNode = document.createElement("script");
    scriptNode.type = "text/javascript";
    scriptNode.id = id;
    scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
    try {
        if(src) {
            scriptNode.src = src;
            scriptNode.onloadDone = false;
            scriptNode.onload = function () {
                scriptNode.onloadDone = true;
                JSLOADED[src] = 1;
             };
             scriptNode.onreadystatechange = function () {
                 if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode.onloadDone) {
                    scriptNode.onloadDone = true;
                    JSLOADED[src] = 1;
                }
             };
        } else if(text){
            scriptNode.text = text;
        }
        document.getElementsByTagName('head')[0].appendChild(scriptNode);
    } catch(e) {}
}

18. 返回按ID检索的元素对象

function $(id) {
    return !id ? null : document.getElementById(id);
}

19. 跨浏览器绑定事件

function addEventSamp(obj,evt,fn){ 
    if(!oTarget){return;}
    if (obj.addEventListener) { 
        obj.addEventListener(evt, fn, false); 
    }else if(obj.attachEvent){ 
        obj.attachEvent('on'+evt,fn); 
    }else{
        oTarget["on" + sEvtType] = fn;
    } 
}

20. 跨浏览器删除事件

function delEvt(obj,evt,fn){
    if(!obj){return;}
    if(obj.addEventListener){
        obj.addEventListener(evt,fn,false);
    }else if(oTarget.attachEvent){
        obj.attachEvent("on" + evt,fn);
    }else{
        obj["on" + evt] = fn;
    }
}

21. 为元素添加on方法

Element.prototype.on = Element.prototype.addEventListener;
 
NodeList.prototype.on = function (event, fn) {、
    []['forEach'].call(this, function (el) {
        el.on(event, fn);
    });
    return this;
};

22. 为元素添加trigger方法

Element.prototype.trigger = function (type, data) {
    var event = document.createEvent('HTMLEvents');
    event.initEvent(type, true, true);
    event.data = data || {};
    event.eventName = type;
    event.target = this;
    this.dispatchEvent(event);
    return this;
};
 
NodeList.prototype.trigger = function (event) {
    []['forEach'].call(this, function (el) {
        el['trigger'](event);
    });
    return this;
};

23. 检验URL链接是否有效

function getUrlState(URL){ 
    var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 
    xmlhttp.Open("GET",URL, false);  
    try{  
            xmlhttp.Send(); 
    }catch(e){
    }finally{ 
        var result = xmlhttp.responseText; 
        if(result){
            if(xmlhttp.Status==200){ 
                return(true); 
             }else{ 
                   return(false); 
             } 
         }else{ 
             return(false); 
         } 
    }
}

24. 格式化CSS样式代码

function formatCss(s){//格式化代码
    s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    s = s.replace(/;\s*;/g, ";"); //清除连续分号
    s = s.replace(/\,[\s\.\#\d]*{/g, "{");
    s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
    s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
    s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
    return s;
}

25. 压缩CSS样式代码

function compressCss (s) {//压缩代码
    s = s.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释
    s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); //容错处理
    s = s.replace(/;\s*;/g, ";"); //清除连续分号
    s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
    return (s == null) ? "" : s[1];
}

26. 获取当前路径

var currentPageUrl = "";
if (typeof this.href === "undefined") {
    currentPageUrl = document.location.toString().toLowerCase();
}else {
    currentPageUrl = this.href.toString().toLowerCase();
}

27. 判断是否移动设备

function isMobile(){
    if (typeof this._isMobile === 'boolean'){
        return this._isMobile;
    }
    var screenWidth = this.getScreenWidth();
    var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport ||rendererModel.runningExperiments.fixviewport;
    var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
    if(!fixViewPortsExperiment){
        if(!this.isAppleMobileDevice()){
            screenWidth = screenWidth/window.devicePixelRatio;
        }
    }
    var isMobileScreenSize = screenWidth < 600;
    var isMobileUserAgent = false;
    this._isMobile = isMobileScreenSize && this.isTouchScreen();
    return this._isMobile;
}

28. 判断是否移动设备访问

function isMobileUserAgent(){
    return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
}

29. 判断是否苹果移动设备访问

function isAppleMobileDevice(){
    return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
}

30. 判断是否安卓移动设备访问

function isAndroidMobileDevice(){
    return (/android/i.test(navigator.userAgent.toLowerCase()));
}

31. 判断是否Touch屏幕

function isTouchScreen(){
    return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
}

32. 判断是否打开视窗

function isViewportOpen() {
    return !!document.getElementById('wixMobileViewport');
}

33. 获取移动设备初始化大小

function getInitZoom(){
    if(!this._initZoom){
        var screenWidth = Math.min(screen.height, screen.width);
        if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
            screenWidth = screenWidth/window.devicePixelRatio;
        }
            this._initZoom = screenWidth /document.body.offsetWidth;
        }
    return this._initZoom;
}

34. 获取移动设备最大化大小

function getZoom(){
    var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
    if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
        screenWidth = screenWidth/window.devicePixelRatio;
    }
    var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");
    if(FixViewPortsExperimentRunning){
        return screenWidth / window.innerWidth;
    }else{
        return screenWidth / document.body.offsetWidth;
    }
}

35. 获取移动设备屏幕宽度

function getScreenWidth(){
    var smallerSide = Math.min(screen.width, screen.height);
    var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
    if(fixViewPortsExperiment){
        if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
            smallerSide = smallerSide/window.devicePixelRatio;
        }
    }
    return smallerSide;
}

36. 完美判断是否为网址

function IsURL(strUrl) {
    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
    if (regular.test(strUrl)) {
        return true;
    }else {
        return false;
    }
}

37. getElementsByClassName

function getElementsByClassName(name) {
    var tags = document.getElementsByTagName('*') || document.all;
    var els = [];
    for (var i = 0; i < tags.length; i++) {
        if (tags.className) {
            var cs = tags.className.split(' ');
            for (var j = 0; j < cs.length; j++) {
                if (name == cs[j]) {
                    els.push(tags);
                    break
                }
            }
        }
    }
    return els
}

38. 获取页面高度

function getPageHeight(){
    var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
                    ? a
                    : g.documentElement;
    return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);
}

39. 获取页面可视宽度

  1. function getPageViewWidth(){
  2. var d = document, a = d.compatMode == "BackCompat"
  3. ? d.body
  4. : d.documentElement;
  5. return a.clientWidth;
  6. }

40. 获取页面宽度

  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. }

41. 获取页面scrollTop

  1. function getPageScrollTop(){
  2. var a = document;
  3. return a.documentElement.scrollTop || a.body.scrollTop;
  4. }

42. 获取页面可视高度

  1. function getPageViewHeight() {
  2. var d = document, a = d.compatMode == "BackCompat"
  3. ? d.body
  4. : d.documentElement;
  5. return a.clientHeight;
  6. }

43. 去掉url前缀

  1. function removeUrlPrefix(a){
  2. a=a.replace(/:/g,":").replace(/./g,".").replace(///g,"/");
  3. while(trim(a).toLowerCase().indexOf("http://")==0){
  4. a=trim(a.replace(/http:\/\//i,""));
  5. }
  6. return a;
  7. }

44. 随机数时间戳

  1. function uniqueId(){
  2. var a=Math.random,b=parseInt;
  3. return Number(new Date()).toString()+b(10*a())+b(10*a())+b(10*a());
  4. }

45. 全角半角转换

  1. //iCase: 0全到半,1半到全,其他不转化
  2. function chgCase(sStr,iCase){
  3. if(typeof sStr != "string" || sStr.length <= 0 || !(iCase === 0 || iCase == 1)){
  4. return sStr;
  5. }
  6. var i,oRs=[],iCode;
  7. if(iCase){/*半->全*/
  8. for(i=0; i<sStr.length;i+=1){
  9. iCode = sStr.charCodeAt(i);
  10. if(iCode == 32){
  11. iCode = 12288;
  12. }else if(iCode < 127){
  13. iCode += 65248;
  14. }
  15. oRs.push(String.fromCharCode(iCode));
  16. }
  17. }else{/*全->半*/
  18. for(i=0; i<sStr.length;i+=1){
  19. iCode = sStr.charCodeAt(i);
  20. if(iCode == 12288){
  21. iCode = 32;
  22. }else if(iCode > 65280 && iCode < 65375){
  23. iCode -= 65248;
  24. }
  25. oRs.push(String.fromCharCode(iCode));
  26. }
  27. }
  28. return oRs.join("");
  29. }

46. 确认是否键盘有效输入值

  1. function checkKey(iKey){
  2. if(iKey == 32 || iKey == 229){return true;}/*空格和异常*/
  3. if(iKey>47 && iKey < 58){return true;}/*数字*/
  4. if(iKey>64 && iKey < 91){return true;}/*字母*/
  5. if(iKey>95 && iKey < 108){return true;}/*数字键盘1*/
  6. if(iKey>108 && iKey < 112){return true;}/*数字键盘2*/
  7. if(iKey>185 && iKey < 193){return true;}/*符号1*/
  8. if(iKey>218 && iKey < 223){return true;}/*符号2*/
  9. return false;
  10. }

47. 获取网页被卷去的位置

  1. function getScrollXY() {
  2. return document.body.scrollTop ? {
  3. x: document.body.scrollLeft,
  4. y: document.body.scrollTop
  5. }: {
  6. x: document.documentElement.scrollLeft,
  7. y: document.documentElement.scrollTop
  8. }
  9. }

48. 日期格式化函数+调用方法

  1. Date.prototype.format = function(format){
  2. var o = {
  3. "M+" : this.getMonth()+1, //month
  4. "d+" : this.getDate(), //day
  5. "h+" : this.getHours(), //hour
  6. "m+" : this.getMinutes(), //minute
  7. "s+" : this.getSeconds(), //second
  8. "q+" : Math.floor((this.getMonth()+3)/3), //quarter
  9. "S" : this.getMilliseconds() //millisecond
  10. };
  11. if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
  12. (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  13. for(var k in o){
  14. if(new RegExp("("+ k +")").test(format))
  15. format = format.replace(RegExp.$1,RegExp.$1.length==1 ? o[k] :("00"+ o[k]).substr((""+ o[k]).length));
  16. }
  17. return format;
  18. }
  19. alert(new Date().format("yyyy-MM-dd hh:mm:ss"));

49. 时间个性化输出功能

  1. /*
  2. 1、< 60s, 显示为“刚刚”
  3. 2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”
  4. 3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”
  5. 4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”
  6. 5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”
  7. */
  8. function timeFormat(time){
  9. var date = new Date(time),
  10. curDate = new Date(),
  11. year = date.getFullYear(),
  12. month = date.getMonth() + 10,
  13. day = date.getDate(),
  14. hour = date.getHours(),
  15. minute = date.getMinutes(),
  16. curYear = curDate.getFullYear(),
  17. curHour = curDate.getHours(),
  18. timeStr;
  19.  
  20. if(year < curYear){
  21. timeStr = year +'年'+ month +'月'+ day +'日 '+ hour +':'+ minute;
  22. }else{
  23. var pastTime = curDate - date,
  24. pastH = pastTime/3600000;
  25.  
  26. if(pastH > curHour){
  27. timeStr = month +'月'+ day +'日 '+ hour +':'+ minute;
  28. }else if(pastH >= 1){
  29. timeStr = '今天 ' + hour +':'+ minute +'分';
  30. }else{
  31. var pastM = curDate.getMinutes() - minute;
  32. if(pastM > 1){
  33. timeStr = pastM +'分钟前';
  34. }else{
  35. timeStr = '刚刚';
  36. }
  37. }
  38. }
  39. return timeStr;
  40. }

50. 解决offsetX兼容性问题

  1. // 针对火狐不支持offsetX/Y
  2. function getOffset(e){
  3. var target = e.target, // 当前触发的目标对象
  4. eventCoord,
  5. pageCoord,
  6. offsetCoord;
  7.  
  8. // 计算当前触发元素到文档的距离
  9. pageCoord = getPageCoord(target);
  10.  
  11. // 计算光标到文档的距离
  12. eventCoord = {
  13. X : window.pageXOffset + e.clientX,
  14. Y : window.pageYOffset + e.clientY
  15. };
  16.  
  17. // 相减获取光标到第一个定位的父元素的坐标
  18. offsetCoord = {
  19. X : eventCoord.X - pageCoord.X,
  20. Y : eventCoord.Y - pageCoord.Y
  21. };
  22. return offsetCoord;
  23. }
  24.  
  25. function getPageCoord(element){
  26. var coord = { X : 0, Y : 0 };
  27. // 计算从当前触发元素到根节点为止,
  28. // 各级 offsetParent 元素的 offsetLeft 或 offsetTop 值之和
  29. while (element){
  30. coord.X += element.offsetLeft;
  31. coord.Y += element.offsetTop;
  32. element = element.offsetParent;
  33. }
  34. return coord;
  35. }

51. 常用的正则表达式

  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. 或:^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$
  16. //年/月/日(年-月-日、年.月.日)
  17. /^(19|20)\d\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$/;
  18. //匹配中文字符
  19. /[\u4e00-\u9fa5]/;
  20. //匹配帐号是否合法(字母开头,允许5-10字节,允许字母数字下划线)
  21. /^[a-zA-Z][a-zA-Z0-9_]{4,9}$/;
  22. //匹配空白行的正则表达式
  23. /\n\s*\r/;
  24. //匹配中国邮政编码
  25. /[1-9]\d{5}(?!\d)/;
  26. //匹配身份证
  27. /\d{15}|\d{18}/;
  28. //匹配国内电话号码
  29. /(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/;
  30. //匹配IP地址
  31. /((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/;
  32. //匹配首尾空白字符的正则表达式
  33. /^\s*|\s*$/;
  34. //匹配HTML标记的正则表达式
  35. < (\S*?)[^>]*>.*?|< .*? />;
  36. //sql 语句
  37. ^(select|drop|delete|create|update|insert).*$
  38. //提取信息中的网络链接
  39. (h|H)(r|R)(e|E)(f|F) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
  40. //提取信息中的邮件地址
  41. \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
  42. //提取信息中的图片链接
  43. (s|S)(r|R)(c|C) *= *('|")?(\w|\\|\/|\.)+('|"| *|>)?
  44. //提取信息中的 IP 地址
  45. (\d+)\.(\d+)\.(\d+)\.(\d+)
  46. //取信息中的中国手机号码
  47. (86)*0*13\d{9}
  48. //提取信息中的中国邮政编码
  49. [1-9]{1}(\d+){5}
  50. //提取信息中的浮点数(即小数)
  51. (-?\d*)\.?\d+
  52. //提取信息中的任何数字
  53. (-?\d*)(\.\d+)?
  54. //电话区号
  55. ^0\d{2,3}$
  56. //腾讯 QQ 号
  57. ^[1-9]*[1-9][0-9]*$
  58. //帐号(字母开头,允许 5-16 字节,允许字母数字下划线)
  59. ^[a-zA-Z][a-zA-Z0-9_]{4,15}$
  60. //中文、英文、数字及下划线
  61. ^[\u4e00-\u9fa5_a-zA-Z0-9]+$

52. 返回顶部的通用方法

  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. }, 10);
  15. };
  16. function set() {
  17. btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block': "none"
  18. }
  19. };
  20. backTop('goTop');

53. 获得URL中GET参数值

  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 = [];
  7. for(i=0;i<GETs.length;i++){
  8. tmp_arr = GETs.split("=")
  9. key=tmp_arr[0]
  10. GET[key] = tmp_arr[1]
  11. }
  12. }
  13. return querystr[1];
  14. }

54. 打开一个窗体通用方法

  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. }

55. 提取页面代码中所有网址

  1. var aa = document.documentElement.outerHTML.match(/(url\(|src=|href=)[\"\']*([^\"\'\(\)\<\>\[\] ]+)[\"\'\)]*|(http:\/\/[\w\-\.]+[^\"\'\(\)\<\>\[\] ]+)/ig).join("\r\n").replace(/^(src=|href=|url\()[\"\']*|[\"\'\>\) ]*$/igm,"");
  2. alert(aa);

56. 清除相同的数组

  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.replace(/([^\w])/ig,"\\$1")+"$","igm").test(y)){
  6. y+=x+"\r\n"
  7. }
  8. }
  9. return y
  10. };

57. 按字母排序,对每行进行数组排序

  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. }

58. 字符串反序

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

59. 清除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. }
  4. 动态执行JavaScript脚本
  5.  
  6. function javascript(){
  7. try{
  8. eval(K1.value);
  9. }catch(e){
  10. alert(e.message);
  11. }
  12. }

60. 动态执行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. }

61. 金额大写转换函数

  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. k2++;
  46. }
  47. }
  48. //转换小数部分
  49. var strdig = "";
  50. if (dig != "") {
  51. var n = dig.charAt(0);
  52. if (n != 0) {
  53. strdig += dw[Number(n)] + "角"; //加数字
  54. }
  55. var n = dig.charAt(1);
  56. if (n != 0) {
  57. strdig += dw[Number(n)] + "分"; //加数字
  58. }
  59. }
  60. str += "元" + strdig;
  61. } catch(e) {
  62. return "0元";
  63. }
  64. return str;
  65. }
  66. //拆分整数与小数
  67. function splits(tranvalue) {
  68. var value = new Array('', '');
  69. temp = tranvalue.split(".");
  70. for (var i = 0; i < temp.length; i++) {
  71. value = temp;
  72. }
  73. return value;
  74. }

62. 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. })();

63. 实现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. }

64. 实现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. }

65. 获取窗体可见范围的宽与高

  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. }

66. 断鼠标是否移出事件

  1. function isMouseOut(e, handler) {
  2. if (e.type !== 'mouseout') {
  3. return false;
  4. }
  5. var reltg = e.relatedTarget ? e.relatedTarget : e.type === 'mouseout' ? e.toElement : e.fromElement;
  6. while (reltg && reltg !== handler) {
  7. reltg = reltg.parentNode;
  8. }
  9. return (reltg !== handler);
  10. }

67. 半角转换为全角函数

  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. }

68. 全角转换为半角函数

  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. }
posted @ 2016-03-05 22:19  Ed-is-on  阅读(377)  评论(0编辑  收藏  举报