首页 > Web开发 > 详细

js 测试是否是合法的 颜色值

时间:2019-05-05 15:44:25      阅读:635      评论:0      收藏:0      [点我收藏+]
function testColor(color) {
    var re1 = /^#([0-9a-f]{6}|[0-9a-f]{3})$/i
    var re2 = /^rgb\(([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\)$/i
    var re3 = /^rgba\(([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\,([0-9]|[0-9][0-9]|25[0-5]|2[0-4][0-9]|[0-1][0-9][0-9])\,(1|1.0|0.[0-9])\)$/i
    return re2.test(color) || re1.test(color) || re3.test(color);
}

var colors = ["#55efc4", '#fab1a0', '#fd79a8', '#fdcb6e', '#0984e3', '#00b894', '#dfe6e9', '#2c2c54', '#34ace0', '#ff793f', '#706fd3', '#218c74'];

function addColor(color) {
    if (testColor(color)) {
        colors.push(color);
        for (let i = 0; i < colors.length; i++) {
            if (colors.indexOf(colors[i]) !== i) {
                colors.splice(i--, 1); //删掉之后,length -1;i指向下一个,所以需要i--;
            }
        }
    }
}

js 测试是否是合法的 颜色值

原文:https://www.cnblogs.com/ShawSpring/p/10813357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!