以蓝色为例,#0000FF应该被表示成rgb(0,0,255)。
我们将函数命名为getRGB()
(可以将字符串视为数组,这个数组的元素为字符)
function getRGB(color) { var rgb = [parseInt('0x'+color.slice(1,3)),parseInt('0x'+color.slice(3,5)),parseInt('0x'+color.slice(5,7))]; return "rgb(" + rgb[0] + "," + rgb[1] + "," +rgb[2] +")" ; }
在控制台中,我们发现:当我们缩写16进制颜色的时候,就会出现NaN;
(这个例子我练习了之前学到的数组的slice方法)
我们可以试试这样
var getRGB = function(oRgb) { var color = [], rgb = []; oRgb = oRgb.replace(/#/, ""); if (oRgb.length == 3) { var tmp = []; for (var i = 0; i < 3; i++) { tmp.push(oRgb.charAt(i) + oRgb.charAt(i)); } oRgb = tmp.join(""); } for (var i = 0; i < 3; i++) { color[i] = "0x" + oRgb.substr(i + 2, 2); rgb.push(parseInt(Number(color[i]))); } return "rgb(" + rgb.join(",") + ")"; }