當(dāng)前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

AJAX学习基础：简单介绍数据岛使用方法

發(fā)布時間：2023/11/27 生活经验 42 豆豆

生活随笔收集整理的這篇文章主要介紹了 AJAX学习基础：简单介绍数据岛使用方法小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

??? 數(shù)據(jù)島指的是存在Html網(wǎng)頁中的xml代碼段，它在Html中形成了一個數(shù)據(jù)的集合，數(shù)據(jù)島允許我們在Html網(wǎng)頁中集成xml，
對xml編寫腳本.
??? 數(shù)據(jù)島有它特有的形式，由標(biāo)記xml開始，在開始標(biāo)記中要有一個ID屬性，用于指定該指定數(shù)據(jù)島的名稱。 (當(dāng)然要以/xml
結(jié)束).元素xml包含的內(nèi)容就是xml代碼。數(shù)據(jù)島也分為2種：
??? 1）內(nèi)嵌的數(shù)據(jù)島形式
??? 2）外嵌的數(shù)據(jù)島形式
??? 說了那么多廢話，還是了解以下如何對數(shù)據(jù)島的節(jié)點(diǎn)進(jìn)行訪問和操作，畢竟在Html中使用xml才是我們需要關(guān)注的。下面進(jìn)
入正題：
??? 由于數(shù)據(jù)島的屬性結(jié)構(gòu)，訪問數(shù)據(jù)島類似于訪問文檔對象，xml文檔對象是指一個擁有屬性和方法的對象,我們利用這些屬性
和方法來訪問和處理xml文檔，當(dāng)一個xml數(shù)據(jù)島被讀取和解析的時候，就會創(chuàng)建一個xml文檔對象
??? 1）數(shù)據(jù)島對象?
使用< xml id="xmlName" src="xmlUrl.xml" > 中id的值就可以建立數(shù)據(jù)島對象,數(shù)據(jù)島對象主要獲得xml文件的一些信息
屬性：Tagname -獲得標(biāo)簽的名稱，也就是"xml"這個字符串
????? Text??? -獲得數(shù)據(jù)島中的所有數(shù)據(jù)
????? url???? -xml的絕對路徑(僅對于外嵌的數(shù)據(jù)島,才可以利用url來獲得讀取xml文件的url路徑和名稱)
??? 2）結(jié)點(diǎn)的操作
?1：根結(jié)點(diǎn)
?可以使用DocumentElement屬性來訪問數(shù)據(jù)島的根元素
?屬性：Tagname --得到標(biāo)簽的名稱
?????? Text??? --得到數(shù)據(jù)段落中除了標(biāo)簽名外的所有數(shù)據(jù)
?????? GetAttribut -- 得到節(jié)點(diǎn)的屬性值，如果有多個屬性，可以使用Attributes.Item(index)方法得到所需要的屬性,
從0開始
????2：子節(jié)點(diǎn)
????可以使用DocumentElement.childNodes.Item(Index)來訪問各個子結(jié)點(diǎn)
?? (注：子節(jié)點(diǎn)也有Tagname和Text2個屬性訪問,意義參考根結(jié)點(diǎn)的內(nèi)容，此外可以用Length來獲得子節(jié)點(diǎn)的數(shù)目)
下面是一個簡單實(shí)例，將xml通過數(shù)據(jù)島用Html顯示出來

<?xml version="1.0" encoding="GB2312">
<學(xué)生管理>
?<學(xué)生>
? <學(xué)號>97001學(xué)號>
? <姓名>張三姓名>
? <性別>男性別>
? <籍貫>浙江籍貫>
?學(xué)生>
?<學(xué)生>
? <學(xué)號>97002學(xué)號>
? <姓名>李四姓名>
? <性別>男性別>
? <籍貫>浙江籍貫>
?學(xué)生>
?<學(xué)生>
? <學(xué)號>97005學(xué)號>
? <姓名>經(jīng)典邂逅姓名>
? <性別>女性別>
? <籍貫>廣東籍貫>
?學(xué)生>
學(xué)生管理>

這個xml 保存為stu.xml,和下面的html放到同一級文件夾下
下面用外嵌的數(shù)據(jù)島來顯示xml文件

<html><head><title> 數(shù)據(jù)島的顯示  </title></head><body><xml id="stu" src="stu.xml"></xml><h2>學(xué)生信息管理</h2><table DATASRC=#stu border="1"><thead><th>學(xué)號</th><th>姓名</th><th>性別</th><th>籍貫</th></thead><tr><td><div DATAFLD="學(xué)號"></td><td><div DATAFLD="姓名"></td><td><div DATAFLD="性別"></td><td><div DATAFLD="籍貫"></td></tr></table></body></html>

轉(zhuǎn)載于:https://www.cnblogs.com/ajaxworld/archive/2007/07/19/823450.html

總結(jié)

以上是生活随笔為你收集整理的AJAX学习基础：简单介绍数据岛使用方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。