js常用方法使用總結

maybe_009 發布于2019-08-21 17:52 / 3052人閱讀

摘要：說明在項目中使用一些工具類，公共類是非常有必要的，不僅是后臺，前段亦是一樣這里提供我收集的常用方法封裝代碼可以在資源共享，我的代碼中下載。注意字符串的拼接一定使用來拼接，否則容易造成瀏覽器卡頓或內存溢出。

說明：

在項目中使用一些工具類，公共類是非常有必要的，不僅是后臺，前段亦是一樣

這里提供我收集的常用方法封裝

代碼可以在資源共享，我的代碼中下載。

注意：

字符串的拼接一定使用StringBuffer來拼接，否則容易造成瀏覽器卡頓或內存溢出。特別是針對一些執行js效率不高的瀏覽器！！

經常對輸入框里內容清空，對textarea，可以直接$("textarea").empty();如果使用$("textarea").html("");也可能會造成瀏覽器內存溢出！！

Date工具類

/********************** date工具類 ***************/
Date.prototype.format = function(format){
    var o = {
        "M+" : this.getMonth()+1, //month
        "d+" : this.getDate(), //day
        "h+" : this.getHours(), //hour
        "m+" : this.getMinutes(), //minute
        "s+" : this.getSeconds(), //second
        "q+" : Math.floor((this.getMonth()+3)/3), //quarter
        "S" : this.getMilliseconds() //millisecond
    }
    if(/(y+)/.test(format)) format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4- RegExp.$1.length));
    for(var k in o)if(new RegExp("("+ k +")").test(format))
    format = format.replace(RegExp.$1,RegExp.$1.length==1? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
    return format;
};

公共工具類

/********************** 公共工具類 ***************/
var PublicUtil ={
    isNotEmpty:     function(val){
        return !this.isEmpty(val);
    },
    isEmpty: function(val){
        if ((val==null || typeof(val)=="undefined")|| (typeof(val)=="string"&&val==""&&val!="undefined")){
           return true;
        }else{
            return false;
        }
    },
    isDebug: function(){
        if(this.isNotEmpty(configDebug)&&configDebug=="true"){
            return true;
        }else{
            return false;
        }
    },
    //去除元素內所有內容 strIds："#id1,#id2,#id3"
    emptyHtml: function(strIds){
        try{
            var ids = strIds.trim(",").split(",");
            $(ids).each(function(){
                var obj = $(this.toString());
                if(obj.length>0){
                    $(obj).each(function(){
                        $(this).html("");
                    });
                }else{
                    obj.html("");
                }
            });
        }catch(ex){
            if(PublicUtil.isDebug()){
                throw new Error("js方法：【PublicUtil.emptyHtml(strIds)】，error！");
            }
        }
    },
    //去除元素的值 strIds："#id1,#id2,#id3"
    emptyValue: function(strIds){
        try{
            var ids = strIds.trim(",").split(",");
            $(ids).each(function(){
                var obj = $(this.toString());
                if(obj.length>0){
                    $(obj).each(function(){
                        $(this).val("");
                    });
                }else{
                    obj.val("");
                }
            });
        }catch(ex){
            if(PublicUtil.isDebug()){
                throw new Error("js方法：【PublicUtil.emptyValue(strIds)】，error！");
            }
        }
    },
    //去除Textarea內所有內容 strIds："#id1,#id2,#id3"
    emptyTextarea: function(strIds){
        try{
            var ids = strIds.trim(",").split(",");
            $(ids).each(function(){
                var obj = $(this.toString());
                if(obj.length>0){
                    $(obj).each(function(){
                        $(this).empty();
                        $(this).val("");
                    });
                }else{
                    obj.empty();
                    obj.val("");
                }
            });
        }catch(ex){
            if(PublicUtil.isDebug()){
                throw new Error("js方法：【PublicUtil.emptyTextarea(strIds)】，error！");
            }
        }
    }
}

String 工具類

/********************** String工具類***************/
//trim去掉字符串兩邊的指定字符,默去空格
String.prototype.trim = function(tag) {
    if (!tag) { 
        tag = "s";
    }else { 
        if (tag == "") { 
        tag = ""; 
    } else if (tag == "," || tag == "|" || tag == ";") { 
            tag = "" + tag; 
        }else { 
            tag = "s"; 
        } 
    }
    eval("var reg=/(^" + tag + "+)|(" + tag + "+$)/g;"); 
    return this.replace(reg, "");
};
//字符串截取后面加入...
String.prototype.interceptString = function(len) {
    if (this.length > len) {
        return this.substring(0, len) + "...";
    } else {
        return this;
    }
}
//將一個字符串用給定的字符變成數組
String.prototype.toArray = function(tag) {
    if (this.indexOf(tag) != -1) {
        return this.split(tag);
    }else {
        if (this != "") {
            return [this.toString()];
        }else {
            return [];
        }
    }
}
//只留下數字(0123456789)
String.prototype.toNumber= function() { 
    return this.replace(/D/g, ""); 
}
//保留中文  
String.prototype.toCN= function() {  
    var regEx = /[^u4e00-u9fa5uf900-ufa2d]/g;  
    return this.replace(regEx, "");  
}
//轉成int
String.prototype.toInt= function() {  
    var temp = this.replace(/D/g, "");
    return isNaN(parseInt(temp)) ? this.toString() : parseInt(temp);  
}
//是否是以XX開頭
String.prototype.startsWith= function(tag){
    return this.substring(0, tag.length) == tag;
}
//是否已XX結尾
String.prototype.endWith= function(tag){
    return this.substring(this.length - tag.length) == tag;
}
//StringBuffer
var StringBuffer = function() {
    this._strs = new Array; 
};
StringBuffer.prototype.append = function (str) { 
    this._strs.push(str); 
}; 
StringBuffer.prototype.toString = function() { 
    return this._strs.join(""); 
};
String.prototype.replaceAll = function(s1,s2){
    return this.replace(new RegExp(s1,"gm"),s2);
}

Arry

/********************** Arry ***************/
//根據數據取得再數組中的索引
Array.prototype.getIndex = function(obj){
    for (var i = 0; i < this.length; i++) {
        if (obj == this[i]) {
            return i;
        }
    }
    return -1;
}
//移除數組中的某元素
Array.prototype.remove= function (obj) {
    for (var i = 0; i < this.length; i++) {
        if (obj == this[i]) {
            this.splice(i, 1);
            break;
        }
    }
    return this;
}
//判斷元素是否在數組中
Array.prototype.contains= function (obj) {
    for (var i = 0; i < this.length; i++) {
        if (obj == this[i]) {
            return true;
        }
    }
    return false;
}

瀏覽器相關操作

/********************** 瀏覽器相關操作 ***************/
//進入全屏模式,  判斷各種瀏覽器，找到正確的方法
var launchFullScreen = function (element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
  return true;
}
//退出全屏模式
var exitFullScreen = function () {
  if(document.exitFullscreen) {
    document.exitFullscreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  }
  return false;
}

//cookie操作
var CookieUtil={
    path: "/",
    domain: "demo.j2ee.com",
    add: function(name,val){
        $.cookie(name, val, {expires: 7, path: this.path, domain: this.domain, secure: true});
    },
    remove: function(name){
        $.cookie(name, null,{path: this.path, domain: this.domain});
    },
    get: function(name){
         $.cookie(name,{path: this.path, domain: this.domain});
    }
}
//error
var error={
     e_404: function(){
         alertMessage("404","未找到改頁面！","warning");
     },
     e_500: function(){
         alertMessage("500","服務器內部錯誤！","error");
     },
     e_403: function(){
         alertMessage("403","權限不足！","warning");
     }
}

云服務器 GPU云服務器使用方法總結 js有哪些常用方法方法總結 query常用方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90148.html

Webpack 常用命令總結以及常用打包壓縮方法

摘要：全局安裝初始化默認的文件下載插件到并在文件中加上的配置內容對項目進行打包自動監控文件的改變打包時顯示隱藏的模塊打包時顯示顯示詳細錯誤信息安裝并將該配置到文件中入口出口加載器插件安裝完乘后執行報錯，原因npminstall webpack -g // 全局安裝webpack npminit //初始化默認的package.json文件 npminstall webpack -...

番茄西紅柿 2019-04-23 13:10 評論0 收藏0
JS總結篇--[總結]JS常用方法與片段

摘要：元素是通過指定的分隔符進行分隔的。返回值一個字符串數組，執行的操作與執行的操作是相反的。返回值與沒有參數的方法返回的字符串相同。 1.javascript刪除元素節點 IE中有這樣一個方法:removeNode()，這個方法在IE下是好使的，但是在Firefox等標準瀏覽器中就會報錯了 removeNode is not defined，但是在核心JS中有一個操作DOM節點的方法叫：r...

spacewander 2019-08-21 11:33 評論0 收藏0
JS總結篇--[總結]JS操作DOM常用API詳解

摘要：文本整理了操作的一些常用的，根據其作用整理成為創建，修改，查詢等多種類型的，主要用于復習基礎知識，加深對原生的認識。方法主要是用于添加大量節點到文檔中時會使用到。文本整理了javascript操作DOM的一些常用的api，根據其作用整理成為創建，修改，查詢等多種類型的api，主要用于復習基礎知識，加深對原生js的認識。基本概念在講解操作DOM的api之前，首先我們來復習一下一些基...

malakashi 2019-08-20 16:52 評論0 收藏0
前端性能優化常用總結

摘要：前言對于前端的性能話題，從來都沒有斷絕過。作為一個前端開發者，性能是我們關注的指標。前端發展以來，優化方式，琳瑯滿目，有雅虎軍規等。所以，接下來我會從三個方面就前端性能進行總結網絡方面操作及渲染方面數據方面。前言對于前端的性能話題，從來都沒有斷絕過。因為這個東西沒有最好，只有更好。而且往往也是業務的繁雜程度去決定優化程度的。作為一個前端開發者，性能是我們關注的指標。它直接影響著我們...

oliverhuang 2019-08-30 13:46 評論0 收藏0
前端性能優化常用總結

摘要：前言對于前端的性能話題，從來都沒有斷絕過。作為一個前端開發者，性能是我們關注的指標。前端發展以來，優化方式，琳瑯滿目，有雅虎軍規等。所以，接下來我會從三個方面就前端性能進行總結網絡方面操作及渲染方面數據方面。前言對于前端的性能話題，從來都沒有斷絕過。因為這個東西沒有最好，只有更好。而且往往也是業務的繁雜程度去決定優化程度的。作為一個前端開發者，性能是我們關注的指標。它直接影響著我們...

walterrwu 2019-08-01 17:45 評論0 收藏0