javascript常見操作匯總
更新時間:2014年09月03日 09:08:59 投稿:shichen2014
這篇文章主要介紹了javascript常見操作,有針對字符串、時間、表單等的操作,以及驗證、收藏、隨機數(shù)等其他常見技巧,需要的朋友可以參考下
本文整理匯總了javascript常見的各類操作,包括字符串、時間、表單、正則驗證等等。有著極高的參考價值。分享給大家供大家參考之用。具體方法如下:
/***** BasePage.js 公共的 腳本文件 部分方法需引用jquery庫 *****/
//#region 日期操作
//字符串轉(zhuǎn)化為時間。
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小時mm分ss秒");
////示例:
//alert(testDate.format("yyyy年MM月dd日"));
//-------------------------------------------------------------
//設置周期內(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;
}
//兩個日期的差值(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ù)名稱獲取值
*/
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) {
// 如果鏈接沒有參數(shù),或者鏈接中不存在我們要獲取的參數(shù),直接返回空
if (location.href.indexOf("?") == -1 || location.href.indexOf(name + '=') == -1) {
return '';
}
// 獲取鏈接中參數(shù)部分
var queryString = location.href.substring(location.href.indexOf("?") + 1);
// 分離參數(shù)對 ?key=value&key2=value2
var parameters = queryString.split("&");
var pos, paraName, paraValue;
for (var i = 0; i < parameters.length; i++) {
// 獲取等號位置
pos = parameters[i].indexOf('=');
if (pos == -1) {
continue;
}
// 獲取name 和 value
paraName = parameters[i].substring(0, pos);
paraValue = parameters[i].substring(pos + 1);
// 如果查詢的name等于當前name,就返回當前值,同時,將鏈接中的+號還原成空格
if (paraName == name) {
return unescape(paraValue.replace(/\+/g, " "));
}
}
return '';
}
/*
* 獲取當前地址的小寫文件名
*/
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 字符串操作
/*
* 截取指定長度字符串
* 參數(shù):
* strString: 需要截取的字符串
* strStart: 開始的索引
* intLen: 截取的長度
*/
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 {
//長度越界,返回原始數(shù)據(jù)
return strString;
}
} else return "";
}
/*
* 截取指定指定區(qū)間的字符串
* 參數(shù):
* strString: 需要截取的字符串
* intStart: 開始的索引
* intEnd: 結束的索引
*/
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 {
//長度越界,返回原始數(shù)據(jù)
return strString;
}
} else return "";
}
//#endregion
//#region 設為首頁,添加收藏
//設為首頁
function SetHome() {
if (document.all) {
document.body.style.behavior = "url(#default#homepage)";
var url = window.location.href;
document.body.setHomePage(url);
} else {
alert("設為首頁失敗,請手動設置!");
}
}
//添加到收藏
function AddCollect() {
var url = window.location.href;
try {
window.external.addFavorite(url, "美源金業(yè)");
}
catch (e) {
try {
window.sidebar.addPanel("美源金業(yè)", url, "");
}
catch (e) {
alert("加入收藏失敗,請使用Ctrl+D進行添加");
}
}
}
//#endregion
//#region 全選/全不選
//CheckSelectAll(true);
function CheckSelectAll(check) {
$("input[type='checkbox']").attr("checked", check)
}
//#endregion
//#region 驗證碼倒計時
//CountDown("#btnGetCode",60);
function CountDown(item, times) {//要操作的元素,時間(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("獲取驗證碼");
clearInterval(timer);
}
}, 1000);
}
//#endregion
//#region 清除文本框默認值
//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 刷新頁面
function Refresh() {
window.parent.location.reload();
}
//#endregion
//#region 表單驗證
//#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 檢查手機號碼格式
// 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
//隨機數(shù)
function GetRandomNum(Min, Max) {
var Range = Max - Min;
var Rand = Math.random();
return (Min + Math.round(Rand * Range));
}
//#endregion
相信本文所述對大家運用javascript進行WEB程序設計有不錯的借鑒價值。
您可能感興趣的文章:
- JavaScript 字符串操作的幾種常見方法
- javascript常見用法總結
- Javascript中常見的校驗如域名、手機、郵箱等等
- JavaScript的常見兼容問題及相關解決方法(chrome/IE/firefox)
- JavaScript中的常見問題解決方法(亂碼,IE緩存,代理)
- javascript變量作用域使用中常見錯誤總結
- javascript中常見的3種信息提示框(alert,prompt,confirm)
- JavaScript中幾種常見排序算法小結
- javascript中"/"運算符常見錯誤
- JavaScript中常見陷阱小結
- JavaScript 未結束的字符串常量常見解決方法
- Javascript解決常見瀏覽器兼容問題的12種方法
- javascript 表單驗證常見正則
相關文章
JS實現(xiàn)仿Windows經(jīng)典風格的選項卡Tab切換代碼
這篇文章主要介紹了JS實現(xiàn)仿Windows經(jīng)典風格的選項卡Tab切換代碼,涉及JavaScript元素的遍歷與樣式的修改技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
JS常見創(chuàng)建類的方法小結【工廠方式,構造器方式,原型方式,聯(lián)合方式等】
這篇文章主要介紹了JS常見創(chuàng)建類的方法,結合實例形式總結分析了工廠方式,構造器方式,原型方式,聯(lián)合方式等常見的javascript創(chuàng)建類的常用技巧與相關注意事項,需要的朋友可以參考下2017-04-04

