javascript常見(jiàn)操作匯總
本文整理匯總了javascript常見(jiàn)的各類(lèi)操作,包括字符串、時(shí)間、表單、正則驗(yàn)證等等。有著極高的參考價(jià)值。分享給大家供大家參考之用。具體方法如下:
/***** BasePage.js 公共的 腳本文件 部分方法需引用jquery庫(kù) *****/ //#region 日期操作 //字符串轉(zhuǎn)化為時(shí)間。 function stringtoTime(date1) { var dt = new Date(Date.parse(date1.replace(/-/g, "/"))); return dt; } // 使用 var date1 = "2013-06-08 15:23:31"或"2013/6/8 9:9:00"格式; //------------------------------------------------------------- // 日期格式化 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; } ////使用方法 //alert(newdate.format("yyyy-MM-dd")); //alert(newdate.format("MM/dd/yyyy")); //var nowStr = now.format("yyyy-MM-dd hh:mm:ss"); Math.round(Math.random() * 10000) ////使用方法2: //var testDate = new Date(); //var testStr = testDate.format("yyyy年MM月dd日hh小時(shí)mm分ss秒"); ////示例: //alert(testDate.format("yyyy年MM月dd日")); //------------------------------------------------------------- //設(shè)置周期內(nèi)的日期(數(shù)組) function SetFlag(start, end) { var cdate = Array(); cdate = start.split("-"); var cd = cdate[1] + "/" + cdate[2] + "/" + cdate[0]; var dayNum = DateDiff(end, start); for (var i = 0; i <= dayNum; i++) { flag.push(AddDays(cd, i)); } } //end fun //日期加上天數(shù)后的新日期. function AddDays(date, days) { var nd = new Date(date); nd = nd.valueOf(); nd = nd + days * 24 * 60 * 60 * 1000; nd = new Date(nd); //alert(nd.getFullYear() + "年" + (nd.getMonth() + 1) + "月" + nd.getDate() + "日"); var y = nd.getFullYear(); var m = nd.getMonth() + 1; var d = nd.getDate(); if (m <= 9) m = "0" + m; if (d <= 9) d = "0" + d; var cdate = y + "-" + m + "-" + d; return cdate; } //兩個(gè)日期的差值(d1 - d2). function DateDiff(d1, d2) { var day = 24 * 60 * 60 * 1000; try { var dateArr = d1.split("-"); var checkDate = new Date(); checkDate.setFullYear(dateArr[0], dateArr[1] - 1, dateArr[2]); var checkTime = checkDate.getTime(); var dateArr2 = d2.split("-"); var checkDate2 = new Date(); checkDate2.setFullYear(dateArr2[0], dateArr2[1] - 1, dateArr2[2]); var checkTime2 = checkDate2.getTime(); var cha = (checkTime - checkTime2) / day; return cha; } catch (e) { return false; } } //end fun //#endregion //#region URL操作 /* * 根據(jù)QueryString參數(shù)名稱(chēng)獲取值 */ function getQueryStringByName(name) { var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i")); if (result == null || result.length < 1) return ""; return result[1]; } function GetQueryString(name) { // 如果鏈接沒(méi)有參數(shù),或者鏈接中不存在我們要獲取的參數(shù),直接返回空 if (location.href.indexOf("?") == -1 || location.href.indexOf(name + '=') == -1) { return ''; } // 獲取鏈接中參數(shù)部分 var queryString = location.href.substring(location.href.indexOf("?") + 1); // 分離參數(shù)對(duì) ?key=value&key2=value2 var parameters = queryString.split("&"); var pos, paraName, paraValue; for (var i = 0; i < parameters.length; i++) { // 獲取等號(hào)位置 pos = parameters[i].indexOf('='); if (pos == -1) { continue; } // 獲取name 和 value paraName = parameters[i].substring(0, pos); paraValue = parameters[i].substring(pos + 1); // 如果查詢的name等于當(dāng)前name,就返回當(dāng)前值,同時(shí),將鏈接中的+號(hào)還原成空格 if (paraName == name) { return unescape(paraValue.replace(/\+/g, " ")); } } return ''; } /* * 獲取當(dāng)前地址的小寫(xiě)文件名 */ function getCurrentUrlName() { var url = window.location.href; url = url.toLocaleLowerCase(); if (url == undefined || url == "") return ""; var item = url.toString().split("/"); var name = item[item.length - 1]; name = name.toString().split("."); if (name.length == 2) return name[0].toString(); else return ""; } //#endregion //#region 字符串操作 /* * 截取指定長(zhǎng)度字符串 * 參數(shù): * strString: 需要截取的字符串 * strStart: 開(kāi)始的索引 * intLen: 截取的長(zhǎng)度 */ function getCustomLengtStr(strString, strStart, intLen) { if (strString != undefined && strString != "" && strString != null) { var CLen = strString.toString().length; if ((strStart + intLen) <= CLen - 1) { if (strStart < 0) strStart = 0; return strString.toString().substr(strStart, Number(intLen)); } else { //長(zhǎng)度越界,返回原始數(shù)據(jù) return strString; } } else return ""; } /* * 截取指定指定區(qū)間的字符串 * 參數(shù): * strString: 需要截取的字符串 * intStart: 開(kāi)始的索引 * intEnd: 結(jié)束的索引 */ function getCustomLengtStr(strString, intStart, intEnd) { if (strString != undefined && strString != "" && strString != null) { var Clen = strString.toString().length - 1; if (Number(intEnd) <= Clen) { if (intStart < 0) intStart = 0; else if (intStart > Clen) intStart = Clen; return strString.toString().substring(intStart, intEnd); } else { //長(zhǎng)度越界,返回原始數(shù)據(jù) return strString; } } else return ""; } //#endregion //#region 設(shè)為首頁(yè),添加收藏 //設(shè)為首頁(yè) function SetHome() { if (document.all) { document.body.style.behavior = "url(#default#homepage)"; var url = window.location.href; document.body.setHomePage(url); } else { alert("設(shè)為首頁(yè)失敗,請(qǐng)手動(dòng)設(shè)置!"); } } //添加到收藏 function AddCollect() { var url = window.location.href; try { window.external.addFavorite(url, "美源金業(yè)"); } catch (e) { try { window.sidebar.addPanel("美源金業(yè)", url, ""); } catch (e) { alert("加入收藏失敗,請(qǐng)使用Ctrl+D進(jìn)行添加"); } } } //#endregion //#region 全選/全不選 //CheckSelectAll(true); function CheckSelectAll(check) { $("input[type='checkbox']").attr("checked", check) } //#endregion //#region 驗(yàn)證碼倒計(jì)時(shí) //CountDown("#btnGetCode",60); function CountDown(item, times) {//要操作的元素,時(shí)間(s) var timer = setInterval(function () { var btnValidate = $(item); if (times > 0) { btnValidate.attr("disabled", "false").css("opacity", "0.5").val("重新獲取(" + times + ")"); times--; } else { btnValidate.removeAttr("disabled").css("opacity", "1").val("獲取驗(yàn)證碼"); clearInterval(timer); } }, 1000); } //#endregion //#region 清除文本框默認(rèn)值 //ClearEmpty("#txtName"); function ClearEmpty(obj) {//要操作的元素 $(obj).focus(function () { if ($(this).val() == this.defaultValue) { $(this).val(""); } }).blur(function () { if ($(this).val() == "") { $(this).val(this.defaultValue); } }); } //#endregion //#region 刷新頁(yè)面 function Refresh() { window.parent.location.reload(); } //#endregion //#region 表單驗(yàn)證 //#region 檢查是否為中文 // var item = checkChinese("中文"); function checkChinese(obj) { var reg = /[^\u4e00-\u9fa5]/; return !reg.test(obj); } //#endregion //#region 檢查是否為數(shù)字 // var item = checkNum("123"); function checkNum(obj) { var reg = /^\d+$/; return reg.test(obj); } //#endregion //#region 檢查是否為字母 // var item = checkLetter("abc"); function checkLetter(obj) { var reg = /^[a-zA-Z]+$/; return reg.test(obj); } //#endregion //#region 檢查是否為字母或數(shù)字 // var item = checkLetterNum("abc123"); function checkLetterNum(obj) { var reg = /^[a-zA-Z0-9]+$/; return reg.test(obj); } //#endregion //#region 檢查是否為字母或中文 // var item = checkLetterNum("abc123"); function checkLetterChina(obj) { var reg = /^[A-Za-z\u4E00-\u9FA5]+$/; return reg.test(obj); } //#endregion //#region 檢查是否為字母或中文或數(shù)字 // var item = checkLetterNum("abc123"); function checkLetterChinaNum(obj) { var reg = /^[a-zA-Z0-9\u4E00-\u9FA5]+$/; return reg.test(obj); } //#endregion //#region 檢查手機(jī)號(hào)碼格式 // var item = checkMobile("13888888888") function checkMobile(obj) { var reg = /^[1][3458][0-9]{9}$/; return reg.test(obj); } //#endregion //#region 檢查郵箱格式 // var item = checkEmail("abc@123.com") function checkEmail(obj) { var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; return reg.test(obj); } //#endregion //#region 檢查身份證格式 // var item = checkIDCard("555555555555555555") function checkIDCard(obj) { var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; return reg.test(obj); } //#endregion //隨機(jī)數(shù) function GetRandomNum(Min, Max) { var Range = Max - Min; var Rand = Math.random(); return (Min + Math.round(Rand * Range)); } //#endregion
相信本文所述對(duì)大家運(yùn)用javascript進(jìn)行WEB程序設(shè)計(jì)有不錯(cuò)的借鑒價(jià)值。
- JavaScript 字符串操作的幾種常見(jiàn)方法
- javascript常見(jiàn)用法總結(jié)
- Javascript中常見(jiàn)的校驗(yàn)如域名、手機(jī)、郵箱等等
- JavaScript的常見(jiàn)兼容問(wèn)題及相關(guān)解決方法(chrome/IE/firefox)
- JavaScript中的常見(jiàn)問(wèn)題解決方法(亂碼,IE緩存,代理)
- javascript變量作用域使用中常見(jiàn)錯(cuò)誤總結(jié)
- javascript中常見(jiàn)的3種信息提示框(alert,prompt,confirm)
- JavaScript中幾種常見(jiàn)排序算法小結(jié)
- javascript中"/"運(yùn)算符常見(jiàn)錯(cuò)誤
- JavaScript中常見(jiàn)陷阱小結(jié)
- JavaScript 未結(jié)束的字符串常量常見(jiàn)解決方法
- Javascript解決常見(jiàn)瀏覽器兼容問(wèn)題的12種方法
- javascript 表單驗(yàn)證常見(jiàn)正則
相關(guān)文章
基于 D3.js 繪制動(dòng)態(tài)進(jìn)度條的實(shí)例詳解
D3是一個(gè)被數(shù)據(jù)驅(qū)動(dòng)的文檔。這篇文章主要介紹了基于 D3.js 繪制動(dòng)態(tài)進(jìn)度條的方法,需要的朋友可以參考下2018-02-02JS實(shí)現(xiàn)仿Windows經(jīng)典風(fēng)格的選項(xiàng)卡Tab切換代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿Windows經(jīng)典風(fēng)格的選項(xiàng)卡Tab切換代碼,涉及JavaScript元素的遍歷與樣式的修改技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10JS常見(jiàn)創(chuàng)建類(lèi)的方法小結(jié)【工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等】
這篇文章主要介紹了JS常見(jiàn)創(chuàng)建類(lèi)的方法,結(jié)合實(shí)例形式總結(jié)分析了工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等常見(jiàn)的javascript創(chuàng)建類(lèi)的常用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04新手快速入門(mén)JavaScript裝飾者模式與AOP
這篇文章主要介紹了新手快速入門(mén)JavaScript裝飾者模式與AOP,在不改變對(duì)象)的情況下動(dòng)態(tài)的為其添加功能,這就是裝飾者模式,下面小編帶大家來(lái)深入學(xué)習(xí)一下吧2019-06-06微信小程序?qū)崿F(xiàn)之手勢(shì)鎖功能實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)之手勢(shì)鎖功能的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07bootstrapvalidator之API學(xué)習(xí)教程
這篇文章為大家分享了bootstrapvalidator之API學(xué)習(xí)教程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06小程序?qū)崿F(xiàn)簡(jiǎn)單分頁(yè)組件
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡(jiǎn)單分頁(yè)組件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08