1. 程式人生 > 實用技巧 >JS常用操作拓展 1.獲取路徑URL引數 2.時間格式化處理 3.字串截斷返回省略號 4.判斷是否IE瀏覽器及版本 5.時間戳中文轉化 6.手機號碼校驗 7.郵箱校驗 8.獲取背景圖片URL地址

JS常用操作拓展 1.獲取路徑URL引數 2.時間格式化處理 3.字串截斷返回省略號 4.判斷是否IE瀏覽器及版本 5.時間戳中文轉化 6.手機號碼校驗 7.郵箱校驗 8.獲取背景圖片URL地址

1.獲取路徑URL引數

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] === variable) { return pair[1]; }
    }
    return '';
}
View Code

用法示例:var productId = getQueryVariable('productId');

2.時間格式化處理

function dateFtt(fmt, date) {
    if (typeof (date) === 'string') date = new Date(date);
    var o = {
        "M+": date.getMonth() + 1,                 //月份  
        "d+": date.getDate(),                      //
        "h+": date.getHours(),                     //
小時 "m+": date.getMinutes(), // "s+": date.getSeconds(), // "q+": Math.floor((date.getMonth() + 3) / 3), //季度 "S": date.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; }
View Code

用法示例1:vartime = dateFtt('yyyy-MM-dd hh:mm:ss', '2020-06-12T11:00:14.27')

用法示例2:vartime = dateFtt('yyyy-MM-dd', '2017/01/09 00:00:00')

3.字串截斷返回省略號

function cutString(str, cutLen) {
    if (!str || str.length < cutLen) {
        return str
    } else {
        return str.substring(0, cutLen) + '...'
    }
}
View Code

用法示例:var text=cutString('大家好才是真的好',5);

4.判斷是否IE瀏覽器及版本

function IEVersion() {
    var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字串  
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判斷是否IE<11瀏覽器  
    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判斷是否IE的Edge瀏覽器  
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    if (isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if (fIEVersion == 7) {
            return 7;
        } else if (fIEVersion == 8) {
            return 8;
        } else if (fIEVersion == 9) {
            return 9;
        } else if (fIEVersion == 10) {
            return 10;
        } else {
            return 6;//IE版本<=7
        }
    } else if (isEdge) {
        return 'edge';//edge
    } else if (isIE11) {
        return 11; //IE11  
    } else {
        return -1;//不是ie瀏覽器
    }
}
View Code

用法示例:if(IEVersion()>8) //這是IE8以上瀏覽器

5.時間戳中文轉化

function timeReplacement(argument = '') {
    if (argument == null || argument == '') {
        return ''
    }
    let date = argument;
    return new Date(date).getFullYear() + "年" + (new Date(date).getMonth() + 1) + "月" + new Date(date).getDate() + "日";
}
View Code

用法示例:vartextTime =timeReplacement('2017/01/09 00:00:00') //返回2017年1月9日

6.手機號碼校驗

function regPhoneNumber(argument = '') {
    let reg = /^[1][1-9][0-9]{9}$/
    argument = argument.replace(/\s+/g, '')
    if (!(reg.test(argument)) || argument.length === 0) {
        return false
    } else {
        return true
    }
}
View Code

用法示例:if(regPhoneNumber()) //手機號碼正確

7.郵箱校驗

function regmMailboxFun(argument = '') {
    let reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
    argument = argument.replace(/\s+/g, '');
    if (reg.test(argument)) {
        return true
    } else {
        return false
    }
}
View Code

用法示例:if(regmMailboxFun()) //郵箱輸入正確

8.獲取背景圖片URL地址

$('#').css("backgroundImage").replace('url(','').replace(')','')
View Code