麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > JS > 正文

靜態的動態續篇之來點XML

2024-09-06 12:45:04
字體:
來源:轉載
供稿:網友

在搞定了基本的偽動態之后,我馬上把它應用到了網站,但隨后就發現了一個問題:我如何來管理新聞列表呢?要是讓我在每次要加新聞時去修改源文件然后再上傳我可是千萬個不愿,不僅麻煩而且容易出錯,懶人怎么能可以這么做。動動腦子,于是想到了用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="的起始地址

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄色视频一级毛片 | 九九热视频免费在线观看 | 日韩毛片在线看 | 国产精品视频不卡 | 91av网址| 九九午夜 | 国产在线地址 | 自拍偷拍999 | 国产精品视频成人 | 欧美大胆xxxx肉体摄影 | 成人毛片在线免费看 | 国产免费网站视频 | 素人视频在线观看免费 | 精品国产一区二区三区在线观看 | 久久思思爱 | 亚洲精品aⅴ中文字幕乱码 欧美囗交 | 国产精品久久久毛片 | 亚洲一区二区三区精品在线观看 | 黄网站色成年大片免费高 | 欧洲精品久久久 | 国产精品999在线 | 亚洲精品动漫在线观看 | 露脸各种姿势啪啪的清纯美女 | 蜜桃视频最新网址 | 成人艳情一二三区 | 99在线精品视频免费观看20 | 亚洲影视在线观看 | 九九热精品在线视频 | 正在播放91| 污在线观看网站 | 国产在线精品一区二区夜色 | 18视频在线观看娇喘 | 91精品欧美一区二区三区 | 黄污免费网站 | 久久久久国 | 国产一级性生活视频 | 国产欧美精品综合一区 | 亚洲国产高清视频 | 免费看成年人网站 | 亚洲第一页中文字幕 | 亚洲最大的成人网 |