xml 與javascript結合的問題解決方法
更新時間：2007年03月24日 00:00:00 作者：
我想把html里面的title 動態(tài)綁定到一個xml
沒成功 help me ,pls
如下
<html>
<XML ID="xmldso">
<?xml version="1.0"?>
<booklist>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
</booklist>
</XML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<LABEL ID=title DATASRC=#xmldso DATAFLD="title"></LABEL>
<LABEL ID=title1 value="dff"></LABEL>
<SCRIPT LANGUAGE="JavaScript" for="xmldso">
<!--
//var df=xmldso.booklist.book("title");
//alert(df);
//alert(title1.value);
document.title="dd";
--here ,I want to document.title=df;
//-->
</SCRIPT>
<TABLE BORDER=1 DATASRC="#xmldso">
<THEAD>
<TR><TH>Title</TH> <TH>ISBN</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
<HR>
<XML ID="xmldso1" SRC="myXML.xml"> </XML>
<TABLE BORDER=1 DATASRC="#xmldso1">
<THEAD>
<TR><TH>書名</TH> <TH>出版號</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
myXML.xml 如下，其實這個沒用，只不過為了完整性。
<?xml version="1.0" encoding="GBK"?>
<booklist>
<book>
<title>計算機技術</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>電工技術</title>
<isbn>72-80081-082</isbn>
</book>
<book>
<title>計算機軟件技術</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>計算機修理技術</title>
<isbn>72-80081-082</isbn>
</book>
</booklist>
xmldso 是一個 XML DOM 對象，訪問的時候要使用 DOM API。這樣寫：
var books = xmldso.selectSingleNode("booklist").selectNodes("book");
for(var i=0; i<books.length; i++) {
alert(books[i].selectSingleNode("title").text);
}
關于xmldso,我也想說幾句，曾經做過一個項目，前期是臺灣幾個牛人做的,采用MVC，下面是我對項目的總結:
XXX Framework:
XXX是使用的MVC模式，數(shù)據(jù)、控制和視圖相互分離，JSP負責視圖，Servlet負責控制，DataModule負責數(shù)據(jù)的存取
Model部分：
優(yōu)點：可以用event listener的方式寫business logic,可視化管理，特別支持master-detail(主子表結構)，look-up(查找,使之功能相當于數(shù)據(jù)庫當中的視圖),format(格式化)等.
缺點：公司員工必須對DataModule熟悉，DataModule不是主流技術，會使用的人并不多——尤其是Java程序員。
IDE為Datamodule產生了大量的代碼,但同時也減少了大量的sql語句.系統(tǒng)在運行過程中往往需要同時對多個表格進行操作，為了保證數(shù)據(jù)的完整性及復雜操作的可靠執(zhí)行,DataModule自動進行了事務處理，減少了程序員的開發(fā)任務.
Control部分：
優(yōu)點：
通過pd.xml定義系統(tǒng)對外行為,比如增加，修改，刪除，查詢，包括設定權限(目前沒有做，但設計已經有體現(xiàn))等.
將使用者的操作轉變?yōu)閐atamodule操作。
選擇適當?shù)膙iew進行顯示.
View部分:
優(yōu)點：
1)：前端功能(onclick,onfocus,onblue,onchange)，使用xslt,為jsp減少了大量的代碼.
2):顯示使用XML-DSO,IE自動進行data binding.
缺點：
1):必需使用IE6.用其它的系統(tǒng)會運行會不正常.
2):由于使用XML-DSO,所以對程序員要求很高.
3):由于有很多檢測，計算，都在客戶端進行，造成了所謂的“胖客戶端”,結果就是：功能集中，不利于更新和維護.
流程
1):客戶端發(fā)送request請求到服務器端.
2):服務器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息，傳給DataModule
4):Business Object更新(增加，修改，刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面，執(zhí)行結果暫存起來.
6):Model信息被打包成xml 資料
1):客戶端發(fā)送request請求到服務器端.
2):服務器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息，傳給DataModule
4):Business Object更新(增加，修改，刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面，執(zhí)行結果暫存起來.
6):Model信息被打包成xml 資料
7):將xml資料與Jsp頁面的執(zhí)行結果相結合，一起響應客戶端.
沒成功 help me ,pls
如下
<html>
<XML ID="xmldso">
<?xml version="1.0"?>
<booklist>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>Straight Talk About Computersyyyyyyyyyy</title>
<isbn>72-80088-005</isbn>
</book>
</booklist>
</XML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<LABEL ID=title DATASRC=#xmldso DATAFLD="title"></LABEL>
<LABEL ID=title1 value="dff"></LABEL>
<SCRIPT LANGUAGE="JavaScript" for="xmldso">
<!--
//var df=xmldso.booklist.book("title");
//alert(df);
//alert(title1.value);
document.title="dd";
--here ,I want to document.title=df;
//-->
</SCRIPT>
<TABLE BORDER=1 DATASRC="#xmldso">
<THEAD>
<TR><TH>Title</TH> <TH>ISBN</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
<HR>
<XML ID="xmldso1" SRC="myXML.xml"> </XML>
<TABLE BORDER=1 DATASRC="#xmldso1">
<THEAD>
<TR><TH>書名</TH> <TH>出版號</TH></TR>
</THEAD>
<TBODY>
<TR><TD><DIV DATAFLD="title"></DIV></TD>
<TD><DIV DATAFLD="isbn"> </DIV></TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
myXML.xml 如下，其實這個沒用，只不過為了完整性。
復制代碼 代碼如下:
<?xml version="1.0" encoding="GBK"?>
<booklist>
<book>
<title>計算機技術</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>電工技術</title>
<isbn>72-80081-082</isbn>
</book>
<book>
<title>計算機軟件技術</title>
<isbn>72-80088-005</isbn>
</book>
<book>
<title>計算機修理技術</title>
<isbn>72-80081-082</isbn>
</book>
</booklist>
xmldso 是一個 XML DOM 對象，訪問的時候要使用 DOM API。這樣寫：
復制代碼 代碼如下:
var books = xmldso.selectSingleNode("booklist").selectNodes("book");
for(var i=0; i<books.length; i++) {
alert(books[i].selectSingleNode("title").text);
}
XXX Framework:
XXX是使用的MVC模式，數(shù)據(jù)、控制和視圖相互分離，JSP負責視圖，Servlet負責控制，DataModule負責數(shù)據(jù)的存取
Model部分：
優(yōu)點：可以用event listener的方式寫business logic,可視化管理，特別支持master-detail(主子表結構)，look-up(查找,使之功能相當于數(shù)據(jù)庫當中的視圖),format(格式化)等.
缺點：公司員工必須對DataModule熟悉，DataModule不是主流技術，會使用的人并不多——尤其是Java程序員。
IDE為Datamodule產生了大量的代碼,但同時也減少了大量的sql語句.系統(tǒng)在運行過程中往往需要同時對多個表格進行操作，為了保證數(shù)據(jù)的完整性及復雜操作的可靠執(zhí)行,DataModule自動進行了事務處理，減少了程序員的開發(fā)任務.
Control部分：
優(yōu)點：
通過pd.xml定義系統(tǒng)對外行為,比如增加，修改，刪除，查詢，包括設定權限(目前沒有做，但設計已經有體現(xiàn))等.
將使用者的操作轉變?yōu)閐atamodule操作。
選擇適當?shù)膙iew進行顯示.
View部分:
優(yōu)點：
1)：前端功能(onclick,onfocus,onblue,onchange)，使用xslt,為jsp減少了大量的代碼.
2):顯示使用XML-DSO,IE自動進行data binding.
缺點：
1):必需使用IE6.用其它的系統(tǒng)會運行會不正常.
2):由于使用XML-DSO,所以對程序員要求很高.
3):由于有很多檢測，計算，都在客戶端進行，造成了所謂的“胖客戶端”,結果就是：功能集中，不利于更新和維護.
流程
1):客戶端發(fā)送request請求到服務器端.
2):服務器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息，傳給DataModule
4):Business Object更新(增加，修改，刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面，執(zhí)行結果暫存起來.
6):Model信息被打包成xml 資料
1):客戶端發(fā)送request請求到服務器端.
2):服務器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息，傳給DataModule
4):Business Object更新(增加，修改，刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面，執(zhí)行結果暫存起來.
6):Model信息被打包成xml 資料
7):將xml資料與Jsp頁面的執(zhí)行結果相結合，一起響應客戶端.
相關文章
這篇文章主要介紹了JavaScript獲取網頁中第一個圖片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以參考下2015-04-04
本文章來給各位同學收集一些在WEB前臺開發(fā)中常用的一些控制表單操作函數(shù)，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了JavaScript函數(shù)定義方法,結合實例形式較為詳細的分析了javascript函數(shù)的聲明、定義、調用等原理與常見操作技巧,需要的朋友可以參考下2019-03-03
這篇文章主要給大家介紹了關于ECharts坐標軸刻度數(shù)值處理的相關資料,文章介紹了一個用于圖表Y軸數(shù)值簡寫的函數(shù),它可以將大數(shù)值轉換為K、M、B等簡寫形式,從而使圖表更加美觀和易讀,需要的朋友可以參考下2024-11-11
閉包和垃圾回收機制常常作為前端學習開發(fā)中的難點,也經常在面試中遇到這樣的問題,這篇文章主要介紹了JavaScript垃圾回收與閉包的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
這篇文章主要介紹了Javascript對象Clone用法,實例分析了javascript對象克隆的相關技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了js簡單網速測試方法,以完整實例形式分析了JavaScript基于網頁圖片下載進行測試網速的實現(xiàn)技巧,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網頁計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
javascript將數(shù)組插入到另一個數(shù)組中的代碼
下面的代碼主要功能就是將數(shù)組arr2插入到數(shù)組arr1的index位置，需要的朋友可以參考下2013-01-01
這篇文章主要介紹了如何設置一定時間內只能發(fā)送一次請求,需要的朋友可以參考下2014-02-02