編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 使用userData保存select標記 【實例描述】 如果用戶選擇下拉框內容后關閉了瀏覽器,為了能在重新打開頁面時正確顯示用戶的選擇.通常先使用Cookie保存用戶的選擇。本例學習如何用userData替換Cookie實現這種客戶端保存功能。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-本站(www.xue51.com)</title>
<style>
.userData {behavior:url(#default#userdata);}
</style>
</head>
<body>
隨便選擇一項,重新啟動頁面,看是否保存住了選擇項<br />
<select id="select1" class="userData">
<option>選項一</option>
<option>選項二</option>
<option>選項三</option>
<option>選項四</option>
</select>
<script>
var obj=document.all.select1;
//獲取頁面中的復選框
obj.attachEvent('onchange',saveSelectedIndex)
//為復選框綁定更改事件
function saveSelectedIndex(){
//保存數據到UserData中的方法
obj.setAttribute("sSelectValue",obj.selectedIndex);
obj.save("oSltIndex");
}
window.attachEvent('onload',loadSelectedIndex)
//加載數據的事件
function loadSelectedIndex(){
//從UserData中獲取數據的方法
obj.load("oSltIndex");
obj.selectedIndex=obj.getAttribute("sSelectValue");
}
</script>
</body>
</html>
【運行效果】  【難點剖析】 userData通常被稱為是一種保存數據的行為。使用前必須在 style 元素內添加一行代碼 “userData{behavior:url(群default#userdata);}”。然后指定要使用userData功能的元素的“class”屬性。 【源碼下載】 為了JS代碼的準確性,請點擊:使用userData保存select標記 進行本實例源碼下載
使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。 |