网站首页/技术开发列表/内容

RGB颜色在线转换JS代码如何写

技术开发2023-06-20阅读
编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

RGB颜色在线转换JS代码

【实例描述】

RGB是一个用10进制数值表示颜色的方法,由R、G、B3部分组成.每部分的值都不能超过255。本例学习如何将颜色的RGB表示转换为16进制表示。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>标题页-本站(www.xue51.com)</title> <SCRIPT LANGUAGE="JavaScript"> function showRGB(f) { //获取用户输入的RGB值 red = f.red.value; green = f.green.value; blue = f.blue.value; //将RGB转换为16进制Hex值 hexcode = "#" +toHex(red) + toHex(green) + toHex(blue); document.bgColor  = f.hexval.value = hexcode; } function toHex(d){ if (isNaN(d)){ d=0; } //16进制转换方法 var n=new Number(d).toString(16); return (n.length==1?"0"+n:n); } </script> </head> <body> <form name="rgbform"> <b>请输入RGB颜色值(0 to 255)</b><br> Red:   <input type="text" name="red" size="5"><br> Green: <input type="text" name="green" size="5"><br> Blue:  <input type="text" name="blue" size="5"><br> <input type="button" value="显示Hex #" onClick="showRGB(this.form)"> Hex值为:  <input type="text" name="hexval" size="7"> </form> </body> </html>

【运行效果】

 RGB颜色在线转换运行效果

【难点剖析】

本例的难点在于进制间的转换。代码中使用“toHex”方法实现10进制到16进制的转换,但主要靠“toString”方法实理.此方法带一个参数表示要转换的进制。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:RGB颜色在线转换 进行本实例源码下载 


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

……

相关阅读