在搞定了基本的偽動態之后,我馬上把它應用到了網站,但隨后就發現了一個問題:我如何來管理新聞列表呢?要是讓我在每次要加新聞時去修改源文件然后再上傳我可是千萬個不愿,不僅麻煩而且容易出錯,懶人怎么能可以這么做。動動腦子,于是想到了用XML,這個早已存在,但近些年才流行起來的技術。
在HTML里,可以使用數據島來使用XML數據,一個使用方法就是在HTML里加入一句:
<xml id="data">
<!-- 在此為XML數據 -->
</xml>
這樣,就可以在HTML里使用XML提供的數據。不過,這樣還是顯得麻煩了,還是要上傳整個文件,那么用方便點的吧~~
<xml id="data" src="data.xml"/>
這樣處理之后,我就可以只用修改一個XML文件然后上傳到服務器了。
接下來,就是搞定在客戶端對XML數據的處理了~~
首先,我得設計一個新聞的數據結構。這個簡單,畢竟在列表時只需要用到新聞的標題和時間,但為了鏈接,需要加上一個ID,結果如下:
<newslist>
<news>
<id>1</id>
<title>第一個新聞</title>
<date>2005-11-16</date>
</news>
</newslist>
數據結構搞定了,繼續!
在客戶端對數據處理當然首選JavaScript了,再么這篇文章講的也是用JavaScript來實現偽動態。
在JS里,對數據島的訪問可以使用記錄集:
var rs=data.recordset;
這個記錄集的使用方法和ASP中類似,這下方便我了:),可以很方便地實現新聞的列表及鏈接了~在顯示新聞,還需要顯示的是上一條新聞的標題及下一條新聞的標題,而且顯示新聞列表時,就不需要顯示上一條及下一條新聞了。于是我放了兩個層分別用來顯示新聞和上一條及下一條新聞的信息,并在需要的時候設置是否顯示。其中newsmain用來顯示新聞或者新聞列表,newspage用來顯示上一條及下一條新聞的信息。接著把對應ID的新聞存為網頁文件,在顯示時使用iframe嵌入。
先寫個函數來從網址中獲取新聞ID,這個在前一篇文章已經講過,拿來用~~
function getid() {
var str,len,pos,id,fn; // 定義一些變量
str=top.window.location.href; //獲取當然文件地址
len=str.length; // 得到地址長度
pos=str.indexOf("?id=",0); // 得到"?id="的起始地址
新聞熱點
疑難解答