管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

JavaScript获取系统自带的颜色选择器功能（图）

　　效果如图所示:

JavaScript获取系统自带的颜色选择器功能（图）

　　下面是获取系统自带的颜色选择器的代码:

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20%24(obj)%20%0D%0A%7B%20%0D%0Areturn%20document.getElementById(obj)%3B%20%0D%0A%7D%20%0D%0Afunction%20pickColor()%20%0D%0A%7B%20%0D%0Aif%20(!window.isIE)%20return%3B%20%0D%0Avar%20sColor%20%3D%20%24('dlgHelper').ChooseColorDlg()%3B%20%0D%0Avar%20color%20%3D%20sColor.toString(16)%3B%20%0D%0Awhile%20(color.length%3C6)%20color%3D%220%22%2Bcolor%3B%20%0D%0Awindow.color%20%3D%20color%3B%20%0D%0Acolor%20%3D%20%22%23%22%2Bcolor%3B%20%0D%0A%24('div_color').style.backgroundColor%20%3D%20color%3B%20%0D%0A%24('div_color').value%20%3D%20color%3B%20%0D%0A%7D%20%0D%0Avar%20isIE%20%3D%20(document.all%20%26%26%20window.ActiveXObject)%20%3F%20true%20%3A%20false%3B%20%0D%0A%3C%2Fscript%3E"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__unknownobject" _ewebeditor_fake_tag="unknownobject" _ewebeditor_fake_value="%3COBJECT%20id%3D%22dlgHelper%22%20CLASSID%3D%22clsid%3A3050f819-98b5-11cf-bb82-00aa00bdce0b%22%20WIDTH%3D%220px%22%20HEIGHT%3D%220px%22%3E%3C%2FOBJECT%3E" width="0px" height="0px"> 
<input class="inputtext" style='width:50px;cursor:hand;10px;background-color:#000000;color:#ffffff;' id='div_color' value="#000000" /> 
<input type="button" value='获取颜色' onclick="pickColor()">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　优点是:代码比较少

　　缺点是:只能IE下使用。

教程首页更多教程