javascript 读取xml,写入xml 实现代码

添加数据 : 数据显示: ClassModel.js源码 ::复制代码代码如下:ClassModel = { create : function() { return function() { this.construct.apply(this, arguments); } } } Extend = function(desc, src) { for(var c in src) { desc[c] = src[c]; } return desc; } Object.prototype.extend = function(src) { return Extend.apply(this, [this, src]); }addData.js源码::复制代码代码如下:var insert = ClassModel.create(); var doc = new ActiveXObject("Msxml2.DOMDocument.3.0"); doc.load("books.xml"); var books; insert.prototype = { construct : function(config) { this.id = config.id; this.name = config.name; this.author = config.author; this.price = config.price; this.publisher = config.publisher; this.count = config.count; this.insertData(); }, insertData : function() { var book = doc.createElement("book"); book.setAttribute("id", this.id); var name = doc.createElement("name"); var nameValue = doc.createTextNode(this.name); name.appendChild(nameValue); book.appendChild(name); var author = doc.createElement("author"); var authorValue = doc.createTextNode(this.author); author.appendChild(authorValue); book.appendChild(author); var price = doc.createElement("price"); var priceValue = doc.createTextNode(this.price); price.appendChild(priceValue); book.appendChild(price); var count = doc.createElement("count"); var countValue = doc.createTextNode(this.count); count.appendChild(countValue); book.appendChild(count); var publisher = doc.createElement("publisher"); var publisherValue = doc.createTextNode(this.publisher); publisher.appendChild(publisherValue); book.appendChild(publisher); if(doc.documentElement == null) { books = doc.createElement("books"); books.appendChild(book); doc.appendChild(books); } else { books = doc.documentElement; books.appendChild(book); } doc.save("books.xml"); } } window.js源码::复制代码代码如下:var windows = ClassModel.create(); windows.prototype = { construct : function(jsonObject) { this.title = jsonObject.title; this.width = jsonObject.width; this.height = jsonObject.height; this.titleColor = jsonObject.titleColor; this.backgroundColor = jsonObject.backgroundColor; this.LwHeight = (document.body.clientHeight - this.width) / 2; //让div在屏幕的中间 this.LwWidth = (document.body.clientWidth - this.height) / 2; //让div在屏幕的中间 this.content = jsonObject.content; var loginWindow = this.createLoginBody(); var title = this.createLoginTitle(); loginWindow.appendChild(title); var cont = this.createContent(); loginWindow.appendChild(cont); document.body.appendChild(loginWindow); }, createLoginBody: function() //创建登陆框，即整个框 { var loginWindow = document.createElement("div"); loginWindow.id = "dialog"; with(loginWindow.style) { border = "1px solid white"; position = "absolute"; width = this.width + "px"; height = this.height + "px"; top = this.LwHeight + "px"; left = this.LwWidth + "px"; backgroundColor = this.backgroundColor; } return loginWindow; }, createLoginTitle:function() //创建标题即效果图的黑色标题 { var title = document.createElement("div"); var table = document.createElement("table"); var tbody = document.createElement("tbody"); var tr = document.createElement("tr"); var td_1 = document.createElement("td"); var td_2 = document.createElement("td"); var close = document.createElement("a"); close.onclick = function() { document.body.removeChild(title.parentNode); } close.innerHTML = "X"; td_1.innerHTML = this.title; with(title.style) { width = "100%"; height = this.height / 10 + "px"; backgroundColor = this.titleColor; } with(table.style) { color = "white"; fontSize = "12pt"; width = "100%"; backgroundColor = this.titleColor; color = "red"; } td_2.style.textAlign = "right"; td_2.appendChild(close); tr.appendChild(td_1); tr.appendChild(td_2); tbody.appendChild(tr); table.appendChild(tbody); title.appendChild(table); return title; }, createContent : function() { var div = document.createElement("div"); if(typeof(this.content) == 'string') { div.innerHTML = this.content; }else { div.appendChild(this.content); } with(div.style) { paddingLeft = "80px"; paddingTop = "50px"; float = "left"; width = "100%"; } return div; } } book_infor.js源码:: 复制代码代码如下:var doc = new ActiveXObject("Msxml2.DOMDocument.3.0"); doc.load("books.xml"); var query = ClassModel.create(); var v = 0; query.prototype = { construct : function() { this.bookInfor(); }, bookInfor : function() { var div = document.createElement("div"); var root = doc.documentElement; if(root == null) { div.innerHTML = "no data"; document.body.appendChild(div); }else { with(div.style) { marginLeft = "200px"; overflow = "auto"; border = "0px solid white"; width = "605px"; } var table = document.createElement("table"); table.cellSpacing = "0"; with(table.style) { fontSize = "12pt"; color = "white"; border = "0px"; width = "600px"; } var tbody = document.createElement("tbody"); var trHead = document.createElement("tr"); with(trHead.style) { height = "20px"; backgroundColor = "Transparent"; } var tname = document.createElement("td"); var tauthor = document.createElement("td"); var tprice = document.createElement("td"); var tCount = document.createElement("td"); var tpublisher = document.createElement("td"); tname.innerHTML = "名称"; tauthor.innerHTML = "作者"; tprice.innerHTML = "价格"; tCount.innerHTML = "库存"; tpublisher.innerHTML = "出版社"; tname.style.borderBottom = "1px solid"; tauthor.style.borderBottom = "1px solid"; tprice.style.borderBottom = "1px solid"; tCount.style.borderBottom = "1px solid"; tpublisher.style.borderBottom = "1px solid"; tname.style.width = "20%"; tauthor.style.width = "20%"; tprice.style.width = "20%"; tCount.style.width = "20%"; tpublisher.style.width = "20%"; trHead.appendChild(tname); trHead.appendChild(tauthor); trHead.appendChild(tprice); trHead.appendChild(tCount); trHead.appendChild(tpublisher); tbody.appendChild(trHead); for(var c = 0; c < root.getElementsByTagName("book").length; c ++) { var roots = root.getElementsByTagName("book")[c]; var id = roots.getAttribute("id"); var name = roots.getElementsByTagName("name")[0].childNodes[0].nodeValue; var author = roots.getElementsByTagName("author")[0].childNodes[0].nodeValue; var price = roots.getElementsByTagName("price")[0].childNodes[0].nodeValue; var count = roots.getElementsByTagName("count")[0].childNodes[0].nodeValue; var publisher = roots.getElementsByTagName("publisher")[0].childNodes[0].nodeValue; var tr = document.createElement("tr"); with(tr.style) { backgroundColor = "Transparent"; } var tdName = document.createElement("td"); var tdAuthor = document.createElement("td"); var tdPrice = document.createElement("td"); var tdCount = document.createElement("td"); var tdPublisher = document.createElement("td"); tdName.innerHTML = name; tdAuthor.innerHTML = author; tdPrice.innerHTML = price; tdCount.innerHTML = count; tdPublisher.innerHTML = publisher; tdName.id = "tdName" + c; tdAuthor.id = "tdAuthor" + c; tdPrice.id = "tdPrice" + c; tdCount.id = "tdCount" + c; tdPublisher.id = "tdPublisher" + c; tr.appendChild(tdName); tr.appendChild(tdAuthor); tr.appendChild(tdPrice); tr.appendChild(tdCount); tr.appendChild(tdPublisher); tbody.appendChild(tr); tdName.onmouseover = function(){ document.body.style.cursor= "pointer"; document.getElementById(this.id).style.backgroundColor = "darkred"; } tdName.onmouseout = function(){ document.body.style.cursor= ""; document.getElementById(this.id).style.backgroundColor = ""; } tdAuthor.onmouseover = function(){ document.body.style.cursor= "pointer"; document.getElementById(this.id).style.backgroundColor = "darkred"; } tdAuthor.onmouseout = function(){ document.body.style.cursor= ""; document.getElementById(this.id).style.backgroundColor = ""; } tdPrice.onmouseover = function(){ document.body.style.cursor= "pointer"; document.getElementById(this.id).style.backgroundColor = "darkred"; } tdPrice.onmouseout = function(){ document.body.style.cursor= ""; document.getElementById(this.id).style.backgroundColor = ""; } tdCount.onmouseover = function(){ document.body.style.cursor= "pointer"; document.getElementById(this.id).style.backgroundColor = "darkred"; } tdCount.onmouseout = function(){ document.body.style.cursor= ""; document.getElementById(this.id).style.backgroundColor = ""; } tdPublisher.onmouseover = function(){ document.body.style.cursor= "pointer"; document.getElementById(this.id).style.backgroundColor = "darkred"; } tdPublisher.onmouseout = function(){ document.body.style.cursor= ""; document.getElementById(this.id).style.backgroundColor = ""; } } table.appendChild(tbody); div.appendChild(table); document.body.appendChild(div); } } }

　　推荐阅读

　　jQuery 1.3 和 Validation 验证插件1.5.1

如果你打算更新，请确保你同时更新验证插件Validation Plugin 到1.5.1 版本，它同时兼容1.2.6和1.3的版本。主要的更新包括：1. 使用validHandler 参数来替换之前必须绑定无用的form事件，具体的demo可以访问market>>>详细阅读

本文标题：javascript 读取xml,写入xml 实现代码

地址：http://www.17bianji.com/kaifa2/JS/28484.html

1/2 1