- 浏览: 166526 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
crabboy:
goodhttp://veerle.duoh.com/comm ...
表格效果 -
lunvsxiao:
好呀,省的自己记那么多了。。
java常用正则表达式
book.html 代码如下:
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript"> var xmlDoc; var browse=""; function loadXML() { var fileRoute="books.xml" if (window.ActiveXObject) { xmlDoc = new ActiveXObject('Msxml2.DOMDocument'); xmlDoc.async=false; xmlDoc.load(fileRoute); browse="ie"; } else if (document.implementation && document.implementation.createDocument) { xmlDoc=document.implementation.createDocument('', '', null); xmlDoc.load(fileRoute); browse="ff"; } else { alert( '未做与该浏览器的兼容!'); } } function getmessage() { var msg='<table border="1" cellspacing="0" cellpadding="0" width="500">'; msg+='<tr><td width="90"></td><td width="100">图书编号</td><td width="100">种类编号</td><td width="110">图书名称</td><td width="100">作者</td></tr>' if(browse=="ff") { var cNodes = xmlDoc.getElementsByTagName("book"); for(j=0;j<cNodes.length;j++) { var bookID=xmlDoc.getElementsByTagName("book")[j].getAttribute("id"); var sortID=xmlDoc.getElementsByTagName("book")[j].getAttribute("sortID"); var bookTitle=xmlDoc.getElementsByTagName("title")[j].childNodes[0].nodeValue; var bookAuthor=xmlDoc.getElementsByTagName("author")[j].childNodes[0].nodeValue; msg+='<tr><td>'+j+'</td><td>'+bookID+'</td><td width="100">'+sortID+'</td><td width="190">'+bookTitle+'</td><td width="120">'+bookAuthor+'</td></tr>' } } else if(browse=="ie") { var state = xmlDoc.readyState; if (state == 4) { var oNodes = xmlDoc.selectNodes("//books/book"); for(j=0;j<oNodes.length;j++) { var bookID=oNodes[j].getAttribute("id"); var sortID=oNodes[j].getAttribute("sortID"); var bookTitle=oNodes[j].childNodes[0].text; var bookAuthor=oNodes[j].childNodes[1].text; msg+='<tr><td>'+j+'</td><td>'+bookID+'</td><td width="100">'+sortID+'</td><td width="190">'+bookTitle+'</td><td width="120">'+bookAuthor+'</td></tr>' } } } msg+='</table>'; //alert(msg) document.getElementById("bookList").innerHTML=msg; } </script> </head> <body onload="loadXML();"> <div id="bookList" style="width:500px;"> </div> <table border="0" cellspacing="0" cellpadding="0" width="500"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> <input name="button" type="button" onclick="getmessage()" value="onclick" /> </body> </html>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
books.xml 代码如下:
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<?xml version="1.0" encoding="gb2312"?> <books> <book id="4" sortID="a4"> <title>author4aa</title> <author>author4</author> </book> <book id="5" sortID="a5"> <title>author55</title> <author>author5</author> </book> <book id="6" sortID="a6"> <title>booktitle</title> <author>author6</author> </book> <book id="7" sortID="a7"> <title>booktitle</title> <author>author7</author> </book> <book id="8" sortID="a8"> <title>booktitle</title> <author>author8</author> </book> <book id="15" sortID="a15"> <title>author155</title> <author>author15</author> </book> </books>
发表评论
-
js event.keyCode
2011-12-02 17:13 674keycode 8 = BackSpace BackSpace ... -
js event.keyCode
2011-12-02 17:06 2keycode 8 = BackSpace BackSpace ... -
IE6下png透明处理心得
2011-11-24 12:41 1264首先说明一下,网上处理IE6下png透明的方法有很多,但无外乎 ... -
不使用中间变量,交换int型的 a, b两个变量的值
2011-02-22 18:08 720(function(){ var a = 10, b ... -
dom加载完的判断
2011-02-12 18:05 2976window.onload事件可以安全的执行javascr ... -
js节点操作
2011-02-11 16:14 796insertAdjacentElement方法 语法: ... -
[JS]URLParser-html页面参数获取类
2010-10-11 09:05 652URLParser类代码 /* @class: ... -
JS函数库 common.js
2010-09-20 15:55 1102/****************************** ... -
简单的加解密
2010-09-12 20:51 610前段时间看到flash中写的一段混淆代码,现记录下,以备后用。 ... -
js排序
2010-09-02 16:37 751<html> <body> ... -
日期的格式化函数(转)
2010-08-17 15:38 634//Date.prototype.isLeapYe ... -
动态加载JS脚本的4种方法
2010-08-05 11:55 502动态加载JS脚本的4种方法 要 ... -
信息提示框
2010-05-17 17:08 1340消息提示封装js /** ------ ... -
关于table等只读标签的innerHTML问题
2010-04-26 17:58 1685function setTbodyHTML(id,tr){ ... -
[转载]100多个很有用的JavaScript函数以及基础写法大集合
2010-04-24 23:17 11581.document.write(""); ... -
网页高亮显示文字
2010-04-15 15:24 1913function hightLight(str,style,f ... -
遍历JSON
2010-04-11 15:11 1550<!DOCTYPE html PUBLIC " ... -
霓虹灯效果
2010-04-09 11:09 1305<!DOCTYPE html PUBLIC &qu ... -
JavaScript 的事件冒泡 demo
2010-03-15 10:11 1210转载: 如果你还不理解JavaScript的事件冒泡往下看: ... -
获得页面的高度(转载)
2010-02-03 21:50 1265function getDocHeight(doc){ / ...
相关推荐
JS读取并输出xml文件节点及属性(兼容IE,FF)
用javascript读取xml文件读取节点数据_.docx
主要介绍了用javascript读取xml文件读取节点数据的具体实现,需要的朋友可以参考下
用javascript读取xml文件读取节点数据__1.docx
JavaScript读取XML节点生成多级菜单
js加载xml并读取节点(JS loads XML and reads nodes)
主要介绍了JS读取XML文件数据并以table形式显示数据的方法,涉及javascript针对xml节点操作及HTML表格操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
一个实现ajax功能的JS xml读取封装类代码,在这个JavaScript类里面,有核心的读取XML文件的代码,同时还包括了新建XML文档对象、在IE下使用ActiveX来创建,异步读取XML文件,创建XMLHttp对象,以备XML文档对象无法...
下面小编就为大家带来一篇javascript加载xml 并解析各节点的值(实现方法)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
js从xml读取数据生成树形控件,并带有checkbox控件,可以得到节点值。
NULL 博文链接:https://jn081309.iteye.com/blog/619951
用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的email属性,构造HTML字符串,通过append...
从数据岛menuXML中读取数据,从树的根节点开始分析树, 利用 hasChildNodes() [方法:是否含有子节点 ] 判断当前 节点是否有子节点,如果有子节点继续向下分析 childNodes [对象:子节点对象集合] ,否则返回当前分析结果...
Ajax/JavaScript,ajax无刷新读取文件 用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的...
#gulp-xml2js 使用xml文件编译为javascript(gulpjs.com) 包裹gulp-xml2js 描述使用gulp将xml文件转换为js(gulpjs.com) 节点版本> = 0.9 Gulp版本3.x用法安装npm install gulp-xml2js --save##例子var gulp = ...
获取xml信息从XML文件获取信息以用于GitHub工作流程输入项xml-file 必需要解析的XML文件的路径。 默认为"test.xml" 。xpath 必需要从中检索信息的节点的xpath。 默认为"//element" 。用法示例uses: ...
• sample10.htm 遍历对象属性并获得属性值 • sample11.htm 遍历对象属性和方法 • sample12.htm 遍历对象属性和方法时进行判断 • sample13.htm 遍历对象属性值 • sample14....