編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規(guī)定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據(jù)人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 利用JS實現(xiàn)動態(tài)綁定XML文件 【實例描述】 綁定xML文件的內容可以在span中添加“datafld”屬性,但這是靜態(tài)的方法。本例學乏如何使用JavaScript實現(xiàn)XML文件的動態(tài)綁定。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-本站(www.xue51.com)</title>
</head>
<body>
<XML ID="xmlUser">
<?xml version="1.0" ?>
<userinfo>
<datacol userName="張三" userAge="20"/>
<datacol userName="李四" userAge="21"/>
</userinfo>
</XML>
<div id=mydiv>
</div>
<script language="JavaScript">
function xml2div(){
var oXML;
oXML = xmlUser.selectNodes("userinfo/datacol");
//找到xml文件下的節(jié)點
for(var i=0; i<oXML.length;i++){
var oDiv = document.createElement("DIV");
//動態(tài)創(chuàng)建div
oDiv.setAttribute("userName",oXML[i].getAttribute("userName"));
//為div綁定屬性
oDiv.setAttribute("userAge",oXML[i].getAttribute("userAge"));
//綁定屬性
oDiv.innerText = "Div: " + i;
//設置div里面的內容
mydiv.appendChild(oDiv);
//將div添加到指定的div下
}
alert(mydiv.innerHTML);
}
xml2div();
</script>
</body>
</html>
【運行效果】  【難點剖析】 本例中使用xML標簽內嵌了一個XML文件,然后使用“selectNodes”調用這個文件中的節(jié)點。使用“for”語句遍歷所有的節(jié)點,然后將節(jié)點添加到div中。 【源碼下載】 為了JS代碼的準確性,請點擊:利用JS實現(xiàn)動態(tài)綁定XML文件 進行本實例源碼下載
使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執(zhí)行效率高。 |