JS常用操作拓展 1.獲取路徑URL引數 2.時間格式化處理 3.字串截斷返回省略號 4.判斷是否IE瀏覽器及版本 5.時間戳中文轉化 6.手機號碼校驗 7.郵箱校驗 8.獲取背景圖片URL地址
阿新 • • 發佈:2020-08-06
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(), //View Code小時 "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; }
用法示例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