| 編程(Programming)是編定程序的中文簡稱,就是讓計(jì)算機(jī)代碼解決某個(gè)問題,對(duì)某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式,使計(jì)算體系按照該計(jì)算方式運(yùn)行,并最終得到相應(yīng)結(jié)果的過程。為了使計(jì)算機(jī)能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計(jì)算機(jī)能夠理解的形式告訴計(jì)算機(jī),使得計(jì)算機(jī)能夠根據(jù)人的指令一步一步去工作,完成某種特定的任務(wù)。這種人和計(jì)算體系之間交流的過程就是編程。 【實(shí)例名稱】 RGB顏色在線轉(zhuǎn)換JS代碼 【實(shí)例描述】 RGB是一個(gè)用10進(jìn)制數(shù)值表示顏色的方法,由R、G、B3部分組成.每部分的值都不能超過255。本例學(xué)習(xí)如何將顏色的RGB表示轉(zhuǎn)換為16進(jìn)制表示。 【實(shí)例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-本站(www.xue51.com)</title>
<SCRIPT LANGUAGE="JavaScript">
function showRGB(f)
{
//獲取用戶輸入的RGB值
red = f.red.value;
green = f.green.value;
blue = f.blue.value;
//將RGB轉(zhuǎn)換為16進(jìn)制Hex值
hexcode = "#" +toHex(red) + toHex(green) + toHex(blue);
document.bgColor = f.hexval.value = hexcode;
}
function toHex(d){
if (isNaN(d)){
d=0;
}
//16進(jìn)制轉(zhuǎn)換方法
var n=new Number(d).toString(16);
return (n.length==1?"0"+n:n);
}
</script>
</head>
<body>
<form name="rgbform">
<b>請(qǐng)輸入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>
【運(yùn)行效果】  【難點(diǎn)剖析】 本例的難點(diǎn)在于進(jìn)制間的轉(zhuǎn)換。代碼中使用“toHex”方法實(shí)現(xiàn)10進(jìn)制到16進(jìn)制的轉(zhuǎn)換,但主要靠“toString”方法實(shí)理.此方法帶一個(gè)參數(shù)表示要轉(zhuǎn)換的進(jìn)制。 【源碼下載】 如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性,你可以點(diǎn)擊:RGB顏色在線轉(zhuǎn)換 進(jìn)行本實(shí)例源碼下載
使用編程語言寫的程序,由于每條指令都對(duì)應(yīng)計(jì)算機(jī)一個(gè)特定的基本動(dòng)作,所以程序占用內(nèi)存少、執(zhí)行效率高。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!