JS實(shí)現(xiàn)彈出窗口選擇顏色

2012/11/10 14:56:21作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

IE中有個(gè)用來(lái)選擇顏色的窗口組件。本例學(xué)習(xí)如何調(diào)用這個(gè)組件，以及如何使用這個(gè)組件實(shí)現(xiàn)顏色的選擇。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（www.wangbatian.cn）</title>
<script language="javascript">
function getColor(color)
{
    var sInitColor = color;                                 
//獲取參數(shù)傳遞的顏色
    if (sInitColor == null||sInitColor=="")
            var sColor = myColor.ChooseColorDlg();          
//打開(kāi)顏色對(duì)話框
    else
            var sColor = myColor.ChooseColorDlg(sInitColor);
//設(shè)置顏色
            sColor = sColor.toString(16);                   
//轉(zhuǎn)換為16進(jìn)制顏色
    if (sColor.length < 6) {                                
//如果顏色小于6位
      var sTempString = "000000".substring(0,6-sColor.length);
//格式化為6位
      sColor = sTempString.concat(sColor);
    }
    sColor = "#" + sColor;                                      
//添加顏色標(biāo)簽
    return sColor;
}
</script>
</head>
<body>
<input type=text name="txt1" value="這里顯示最終調(diào)用的顏色">
<input type=button value="選取顏色" onClick="txt1.value=getColor()">
<OBJECT id=myColor CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" 
width="0px" height="0px"></OBJECT>
</body>
</html>

【運(yùn)行效果】

調(diào)用顏色選擇窗口效果

彈出窗口選擇顏色運(yùn)行效果