网络编程 
首页 > 网络编程 > 浏览文章

项目中常用的JS方法整理

(编辑:jimmy 日期: 2026/3/5 浏览:3 次 )

验证是否为图片格式

复制代码 代码如下:
 function IsImgType(src) {
     var rFilter = /^("codetitle">复制代码 代码如下:
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转化为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+([\.-]"");
         alert("Please fill in the correct E-mail address!");
     }
 }

将图片src转化为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方法了,整理出来,希望小伙伴们能够喜欢。

上一篇:js判断手机和pc端选择不同执行事件的方法
下一篇:jQuery实现带滚动线条导航效果的方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。