項目中常用的JS方法整理
更新時間：2015年01月30日 09:10:44 投稿：hebedich
這里給大家整理的是本人上個項目中所用到的js方法，都是些非常常用的javascript方法，相信小伙伴們也能經(jīng)常用到，這里整理出來分享給大家。
驗證是否為圖片格式
復制代碼 代碼如下:
function IsImgType(src) {
var rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
var Filter = /(?:bmp|cis\-cod|gif|ief|jpeg|jpeg|jpeg|pipeg|png|svg\+xml|tiff|x\-cmu\-raster|x\-cmx|x\-icon|x\-portable\-anymap|x\-portable\-bitmap|x\-portable\-graymap|x\-portable\-pixmap|x\-rgb|x\-xbitmap|x\-xpixmap|x\-xwindowdump)$/i;
return rFilter.test(src) || Filter.test(src);
}
驗證是否為顏色
復制代碼 代碼如下:
function detectColor(value) {
var pattern = /^#[0-9a-fA-F]{6}$/; //#XXXXXX
var result;
var rgbRegex = /(^rgb\((\d+),\s*(\d+),\s*(\d+)\)$)|(^rgba\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.\d+)*\)$)/;
if (pattern.test(value)) {
result = value;
} else if (rgbRegex.test(value)) { //rgba(0, 0, 0, 0)
result = value;
}
return result;
}
將RGB轉(zhuǎn)化為HEX:
復制代碼 代碼如下:
function zero_fill_hex(num, digits) {
var s = num.toString(16);
while (s.length < digits) {
s = "0" + s;
}
return s;
}
function rgb2hex(rgb) {
if (rgb.charAt(0) == '#') {
return rgb;
}
var ds = rgb.split(/\D+/);
var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]);
return "#" + zero_fill_hex(decimal, 6);
}
驗證是否為Email地址：
復制代碼 代碼如下:
function testEmail (value, target) {
value = value.trim();
if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value)) {
target.val("");
alert("Please fill in the correct E-mail address!");
}
}
將圖片src轉(zhuǎn)化為data 64:
復制代碼 代碼如下:
function createImgData(img) {
var image = new Image();
image.src = img.src || img;
var tmpCanvas = $("<canvas></canvas>")[0];
var tmpCtx = tmpCanvas.getContext("2d");
if (tmpCanvas) {
tmpCanvas.width = image.width;
tmpCanvas.height = image.height;
tmpCtx.drawImage(image, 0, 0);
return tmpCanvas.toDataURL();
}
}
上面這些就是本人最近項目中所用到的常用的js方法了，整理出來，希望小伙伴們能夠喜歡。
您可能感興趣的文章:
- 學習ExtJS（二） Button常用方法
- 學習ExtJS TextField常用方法
- 學習ExtJS Panel常用方法
- 學習ExtJS Window常用方法
- Javascript select下拉框操作常用方法
- javascript常用方法、屬性集合及NodeList 和 HTMLCollection 的瀏覽器差異
- Js 彈出框口并返回值的兩種常用方法
- js String對象中常用方法小結(jié)(字符串操作)
- jquery和javascript的區(qū)別(常用方法比較)
- js頁面跳轉(zhuǎn)的常用方法整理
- js(jQuery)獲取時間的方法及常用時間類搜集
- JS截取字符串常用方法詳細整理
- js數(shù)組去重的常用方法總結(jié)
- NODE.JS加密模塊CRYPTO常用方法介紹
- nodejs npm包管理的配置方法及常用命令介紹
- js實現(xiàn)按鈕加背景圖片常用方法
- 28個常用JavaScript方法集錦
相關文章
微信小程序?qū)崿F(xiàn)運動步數(shù)排行功能（可刪除）
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)運動步數(shù)排行功能（可刪除），實現(xiàn)代碼也很簡單,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了七種JS實現(xiàn)數(shù)組去重的方式，下面文章以JS數(shù)組去重的相關資料展開全文內(nèi)容，具有一定的參考價值，需要的小伙伴可以參考一下2021-12-12
這篇文章主要介紹了JS實現(xiàn)的JSON序列化操作,結(jié)合簡單實例形式分析了json序列化操作相關實現(xiàn)方法與相關注意事項,代碼備有較為詳盡的注釋便于理解,需要的朋友可以參考下2018-07-07
本文為大家詳細介紹下通過JS實現(xiàn)可改變列寬的table，具體的思路及代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
這篇文章主要介紹了移動端JS實現(xiàn)拖拽兩種方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10
這篇文章主要介紹了javascript實現(xiàn)對表格元素進行排序操作，分別可以實現(xiàn)點擊之后排序和還原，和排升序和降序的功能，文章末尾附完整代碼，感興趣的小伙伴們可以參考一下2015-11-11
在開發(fā)中，數(shù)組的使用場景非常多，平日中也涉及到很多數(shù)組的api/相關操作，一直也沒有對這塊內(nèi)容進行一塊整理總結(jié)，很多時候就算用過幾次這個api，在開發(fā)中也很容易忘記，還是要谷歌一下2018-06-06
showModelessDialog()使用詳解...2006-09-09
JavaScript中null和undefined的區(qū)別詳解
null 是一個原始值,表示“無”或“空值”,它通常用于指示變量應有的對象或值不存在,undefined 是一個原始值,表示“未定義”,本文給大家詳細介紹了JavaScript中null和undefined的區(qū)別,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了javascript原型模式用法,以實例形式較為詳細的分析了javascript原型模式的原理與使用技巧,需要的朋友可以參考下2015-06-06