| 編程（Programming）是編定程序的中文簡稱，就是讓計算機代碼解決某個問題，對某個計算體系規(guī)定一定的運算方式，使計算體系按照該計算方式運行，并最終得到相應結(jié)果的過程。為了使計算機能夠理解（understand）人的意圖，人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機，使得計算機能夠根據(jù)人的指令一步一步去工作，完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 顏色切換板JS代碼 【實例描述】 顏色切換板實現(xiàn)類似Tab控件的效果。用戶通過選擇某個顏色更改頁面中指定區(qū)域的顏色。 【實例代碼】 <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=gb2312">
<title>無標題文檔-本站（www.xue51.com）</title>
</head>
<SCRIPT language=JavaScript>
function tdColor(num)
{
var totalnum = 5;
var tdStr;
var i=0;
for(i=1;i<=totalnum;i++){
if(i==num){
tdStr = "TD"+i+".style.display='block';";
//顯示指定的單元格
}
else{
tdStr = "TD"+i+".style.display='none';";
//隱藏指定的單元格
}
eval(tdStr);
}
}
</SCRIPT>
<body>
<table width="405" height="279" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" align="center" valign="middle"
bgcolor="#CC3388"><a href="#" onClick="tdColor(1);" >■</a>
</td> <td align="center" valign="middle" bgcolor="#00BBCC">
<a href="#" onClick="tdColor(2);" >■</a></td>
<td align="center" valign="middle" bgcolor="#BB5588">
<a href="#" onClick="tdColor(3);" >■</a></td>
<td align="center" valign="middle" bgcolor="#0088BB">
<a href="#" onClick="tdColor(4);" >■</a></td>
<td align="center" valign="middle" bgcolor="#FFBB33">
<a href="#" onClick="tdColor(5);" >■</a></td>
</tr>
<tr id="TD1">
<td height="30" colspan="5" bgcolor="#CC3388"> </td>
</tr>
<tr id="TD2" style="display:none;">
<td height="30" colspan="5" bgcolor="#00BBCC"> </td>
</tr>
<tr id="TD3" style="display:none;">
<td height="30" colspan="5" bgcolor="#BB5588"> </td>
</tr>
<tr id="TD4" style="display:none;">
<td height="30" colspan="5" bgcolor="#0088BB"> </td>
</tr>
<tr id="TD5" style="display:none;">
<td height="30" colspan="5" bgcolor="#FFBB33"> </td>
</tr>
</table>
</body>
</html>
【運行效果】  【難點剖析】 本例的重點是頁面的布局。實現(xiàn)類似Tab效果的其實是表格的單元格。界面的效果也是一個單元格合并。通過隱藏或顯示這些合并單元格，可以實現(xiàn)Tab切換的效果。 【源碼下載】 如果你不愿復制代碼及提高代碼準確性，你可以點擊：顏色切換板 進行本實例源碼下載
使用編程語言寫的程序，由于每條指令都對應計算機一個特定的基本動作，所以程序占用內(nèi)存少、執(zhí)行效率高。
| 
