xml 與javascript結(jié)合的問題解決方法
更新時間: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,我也想說幾句,曾經(jīng)做過一個項目,前期是臺灣幾個牛人做的,采用MVC,下面是我對項目的總結(jié):
XXX Framework:
XXX是使用的MVC模式,數(shù)據(jù)、控制和視圖相互分離,JSP負責視圖,Servlet負責控制,DataModule負責數(shù)據(jù)的存取
Model部分:
優(yōu)點:可以用event listener的方式寫business logic,可視化管理,特別支持master-detail(主子表結(jié)構(gòu)),look-up(查找,使之功能相當于數(shù)據(jù)庫當中的視圖),format(格式化)等.
缺點:公司員工必須對DataModule熟悉,DataModule不是主流技術,會使用的人并不多——尤其是Java程序員。
IDE為Datamodule產(chǎn)生了大量的代碼,但同時也減少了大量的sql語句.系統(tǒng)在運行過程中往往需要同時對多個表格進行操作,為了保證數(shù)據(jù)的完整性及復雜操作的可靠執(zhí)行,DataModule自動進行了事務處理,減少了程序員的開發(fā)任務.
Control部分:
優(yōu)點:
通過pd.xml定義系統(tǒng)對外行為,比如增加,修改,刪除,查詢,包括設定權限(目前沒有做,但設計已經(jīng)有體現(xiàn))等.
將使用者的操作轉(zhuǎ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):由于有很多檢測,計算,都在客戶端進行,造成了所謂的“胖客戶端”,結(jié)果就是:功能集中,不利于更新和維護.
流程
1):客戶端發(fā)送request請求到服務器端.
2):服務器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息,傳給DataModule
4):Business Object更新(增加,修改,刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面,執(zhí)行結(jié)果暫存起來.
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í)行結(jié)果暫存起來.
6):Model信息被打包成xml 資料
7):將xml資料與Jsp頁面的執(zhí)行結(jié)果相結(jié)合,一起響應客戶端.
沒成功 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(主子表結(jié)構(gòu)),look-up(查找,使之功能相當于數(shù)據(jù)庫當中的視圖),format(格式化)等.
缺點:公司員工必須對DataModule熟悉,DataModule不是主流技術,會使用的人并不多——尤其是Java程序員。
IDE為Datamodule產(chǎn)生了大量的代碼,但同時也減少了大量的sql語句.系統(tǒng)在運行過程中往往需要同時對多個表格進行操作,為了保證數(shù)據(jù)的完整性及復雜操作的可靠執(zhí)行,DataModule自動進行了事務處理,減少了程序員的開發(fā)任務.
Control部分:
優(yōu)點:
通過pd.xml定義系統(tǒng)對外行為,比如增加,修改,刪除,查詢,包括設定權限(目前沒有做,但設計已經(jīng)有體現(xiàn))等.
將使用者的操作轉(zhuǎ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):由于有很多檢測,計算,都在客戶端進行,造成了所謂的“胖客戶端”,結(jié)果就是:功能集中,不利于更新和維護.
流程
1):客戶端發(fā)送request請求到服務器端.
2):服務器端通過control Servlet接收請求,通過解析request,分配給合適的Business Object
3)controller將一些必要的請求信息,傳給DataModule
4):Business Object更新(增加,修改,刪除等)Model,Model同步DataBase
5):controller執(zhí)行Jsp頁面,執(zhí)行結(jié)果暫存起來.
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í)行結(jié)果暫存起來.
6):Model信息被打包成xml 資料
7):將xml資料與Jsp頁面的執(zhí)行結(jié)果相結(jié)合,一起響應客戶端.
相關文章
javascript腳本編程解決考試分數(shù)統(tǒng)計問題
該考試題目共有25道,每一道都是2選1的選擇題,總分是100分。那么javascript的代碼如下2008-10-10JS實現(xiàn)將人民幣金額轉(zhuǎn)換為大寫的示例代碼
本篇文章主要是對使用JS實現(xiàn)將人民幣金額轉(zhuǎn)換為大寫的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02JavaScript 組件之旅(四):測試 JavaScript 組件
本期,我們要討論的話題是 JavaScript 的測試,以檢查組件的狀態(tài)和工作方式是否符合預期,還會介紹一個可以方便編寫測試用例的測試方法。這里說的測試當然是使用自動化的測試手段,這是軟件質(zhì)量保證(QA)的重要環(huán)節(jié)。2009-10-10JavaScript高級程序設計 XML、Ajax 學習筆記
JavaScript高級程序設計 XML、Ajax 學習筆記,需要的朋友可以參考下。2011-09-09bootstrap confirmation按鈕提示組件使用詳解
這篇文章主要為大家詳細介紹了bootstrap confirmation按鈕提示組件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08