[查看演示] 源码如下
----------------------------------------------------------
<input id=test value='blueidea'><input type=button value=ok onclick=alert(colVal(test.value))>
<script>
function colVal(str)
{
var clen, cstr = rgbstr = ""
// 将无效字符转成"0"
str = str.replace(/[^0-9a-f]/g, "0")
// 如果字符串不满3位或6位，字符串在后面补"0"
while(str.length != 3 && str.length < 6) str += "0"
// 将3位色彩值，转为6位色彩值
if (str.length == 3) str = str.replace(/(.)/g, "0$1")
// 取表示RGB字符串的长度
clen = Math.ceil(str.length/3)
// 如果RGB字符串长度大于2，进行去位处理
if (clen > 2)
{
for (var i=0; i<3; i++)
{
// 取得表示Red、Green 或 Blue的字符串
rgbstr = str.substr(i*clen, clen)
// 取RGB字符串的后8位的前2位
cstr += rgbstr.substr(clen-8, 2)
}
str = cstr
}
return str
}
</script>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
