avascript读取XML(兼容所有浏览器)

最新推荐文章于 2018-08-28 11:31:06 发布
最新推荐文章于 2018-08-28 11:31:06 发布
阅读量643 收藏
点赞数
分类专栏： css样式 JAVASCRIPT 文章标签： 浏览器 xml 文档 stylesheet xhtml encoding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haixinglh/article/details/6447341
版权

网页代码：

<!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>
    <title>无标题页</title>
     <link type="text/css" rel="stylesheet" href="css/main.css" />
</head>
<body>
   
    <div id="menulist" style="margin:10px 0 0 0;"><div style="width:187px;height:39px;background:url('images/menu_00.jpg');"></div></div>
   
    <script type="text/javascript">

function loadXML(xmlFile) {
     var xmlDoc;
　　if (window.ActiveXObject){//兼容IE浏览器
　　xmlDoc = new ActiveXObject('Msxml2.DOMDocument');
　　xmlDoc.async=false;;//关闭异步加载，如许可确保在文档完整加载之前，解析器不会继续执行剧本
　　xmlDoc.load(xmlFile);//告知解析器加载名为 xmlfile 的文档
　　xmlDoc=xmlDoc.documentElement;//获取XML文档中的根元素
　　}
　　else if (document.implementation && document.implementation.createDocument){
　　xmlDoc=document.implementation.createDocument(""," ",null);//兼容火狐浏览器
　　xmlDoc.async=false;//关闭异步加载，如许可确保在文档完整加载之前，解析器不会继续执行剧本
　　xmlDoc.load(xmlFile);//告知解析器加载名为 xmlfile 的文档
　　xmlDoc=xmlDoc.documentElement;//获取XML文档中的根元素
　　}
　　else
　　{
　　xmlDoc=null;
　　}
　　}
    xmlDoc=loadXML("menuList.xml");
    var menus=xmlDoc.documentElement.getElementsByTagName("info");
    var htmlText="<ul>";
    for(i=0;i<menus.length;i++)
    {
        var category=menus[i].childNodes[0].text;
        var model=menus[i].childNodes[1].text;
        var mlink=menus[i].childNodes[2].text;
        htmlText+="<li><a href='"+mlink+"'>"+category+"</a></li>";
    }
    htmlText+="</ul>";
     document.getElementById('menulist').innerHTML+=htmlText;
    </script>
</body>
</html>

XML文件：

<?xml version="1.0" encoding="utf-8" ?>
<bmenu>
 <info>
 <category>Nokia/诺基亚</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
 <info>
  <category>Samsung/三星</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
 <info>
  <category>Lenovo/联想</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
 <info>
  <category>BIRD/波导</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
 <info>
  <category>Motorola/摩托罗拉</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
 <info>
  <category>Coolpad/酷派</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
 <info>
  <category>Gionee/金立</category>
  <model>3610A</model>
  <mlink>kk.html</mlink>
 </info>
</bmenu>

haixinglh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
多浏览器兼容的Javascript读取XML节点方法
kasim416的专栏
11-14 616
最近才接触XML这个东西，网上有各种大神都写过js读取XML的方法，但是发现多数都是转载的，而且会发现IE中运行OK，但是到别的浏览器中跑瞬间bug掉了。或许这个问题早就有其他大神解决过。我就在这里谈一下我的经验，分享一下的拙略之作好了~ 刚才说到浏览器兼容的问题，其实这个不怪浏览器，浏览器大战也没有影响到这里。问题出在读取方式上。先来看一段常用的XML读取的代码 function
JS实现兼容各浏览器解析XML文档数据的方法
10-24
主要介绍了JS实现兼容各浏览器解析XML文档数据的方法,涉及javascript对XML文件的解析技巧,并根据各浏览器进行了相关调整,具有良好的兼容性,需要的朋友可以参考下
兼容各大浏览器JS读取XML文件方法
技术资料收集站
10-27 1214
[javascript] view plain copy  print? function LoadXMLFile(xmlFile) {                 var xmlDom = null;                 if (window.ActiveXObject) {                     xmlDom = new Ac
2018最新js解析xml跨浏览器，基本所有浏览器都适用
镇哥的博客
08-28 567
跨浏览器问题令我们十分烦恼，这方法适用极大部分浏览器 function parseXML(fileXmlName){ var xmlDoc; if (window.ActiveXObject) { var xmlDoc=new ActiveXObject(“Microsoft.XMLDOM”); xmlDoc.async=”false”...
[原]JavaScript 读取XML 通用类 兼容IE与众浏览器
weixin_30551947的博客
06-18 64
XMLDOM能很好的处理XML文档，但是IE和Firefox等浏览器存在相当大的差异，此类综合了处理方法，使之兼容于各浏览器 本类基于XML DOM，只处理了各浏览器之间不兼容的部份，并不能完整应用于XML处理，使用之前你必须了解XML DOM，相关资料请查阅网络 本类方法： XML.load(url) 载入XML文件 返回XML对象XML.loadXML(XMLString) 载入XML字...
JavaScript XML操作 封装类
10-29
这个封装类的主要目标是提供一种在不同浏览器（包括IE、Firefox、Safari和Chrome）间兼容的XML读取和操作机制。下面我们将深入探讨这个封装类的关键功能和实现原理。 首先，`XMLObject`类会检查当前环境是否为...
JS通过ajax动态读取xml文件内容的方法
10-24
本篇将详细解析如何使用JavaScript通过AJAX动态读取XML文件内容。 首先，我们需要理解AJAX的工作原理。AJAX的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信。当用户触发某个事件（如点击按钮...
不同浏览器对XML的解析是不同的
10-27
在处理XML数据时，不同浏览器之间存在兼容性问题，这是因为它们内部实现的DOM解析器（Document Object Model）可能有所差异。这段代码展示了如何在不同浏览器（IE、Firefox、Chrome、Safari、Opera）中加载和解析XML...
用javascript读取xml文件读取节点数据__1.docx
10-10
JavaScript 用于读取 XML 文件和解析节点数据是Web开发中常见的任务，特别是在处理异步数据交换时。在提供的代码段中，我们看到一个简单的 AJAX（Asynchronous JavaScript and XML）请求被用来从服务器获取一个 XML ...
javascript读取服务器端XML文件收集.pdf
02-16
在JavaScript中，与服务器端交互并读取XML文件通常涉及到Ajax技术，特别是使用XMLHttpRequest对象。这个过程可以分为几个步骤，下面将详细解释如何实现。 首先，你需要创建一个XMLHttpRequest对象，这是JavaScript...
JS读取本地XML(支持IE和火狐)
06-29
JS读取本地XML(支持IE和火狐) 绝对有用，不用弹出允许驱动提示！！！
ActiveObject 对象 Msxml2.DOMDocument 详解
10-10
ActiveObject 对象 Msxml2.DOMDocument 详解 asp.net ajax webservice 必懂的一点知识
JS加载XML兼容所有浏览器
fantasy_song的专栏
12-19 420
function loadXML(xmlFile) {     var xmlDoc;     if (window.ActiveXObject) {         xmlDoc = new ActiveXObject('Microsoft.XMLDOM');         xmlDoc.async = false;         xmlDoc.load(xmlFile);
用JavaScript读取本地XML文件
CharlesYooSky的博客
10-12 4425
1. 本地XML文件：VehicleTest1.xml xml version="1.0" encoding="utf-8"?>   Root>          CurrentStatus>           LicensePlateNumber>鄂EA12345LicensePlateNumber>           CurrentTime>2011-11-20Cu
在html中解析xml文件(javascript 读取)
阅微草堂
09-19 5123
[html] view plain copy   xml version="1.0"?>      note>   to>Georgeto>   from>Johnfrom>   heading>Reminderheading>   body>Don't forget the meeting!body>   lastname>Simthlastname> 
用Javascript读取XML文件的内容并进行分页的问题
weixin_33728708的博客
03-18 93
用.读取XML文件的内容并进行分页的问题收藏 XML数据源对象是一个ActiveX控件，允许你在XML文件和HTML页面之间操作数据。本文将向你展示如何从各种 XML 数据源中提取数据，以及如何使用 Java .显示这些数据。 　　 XML数据源对象DSO是一个微软ActiveX控件，构建在微软IE4以后的版本上。这个对象允许你把一个外部的 XML 文件或者嵌...
js读取xml文件，解决浏览器兼容问题
叶落无痕
07-19 1537
js读取xml文件，解决浏览器兼容问题 使用children属性存在浏览器兼容问题，在ie中无法实现 $.ajax({ //请求方式为get type: "GET", //xml文件位置 url: "/flex/assets/data/CatalogTreeData.xml", //返回数据格式为xml dataType: "xml", //请求成功完
avascript小技巧
weixin_33910460的博客
09-28 274
avascript小技巧 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件...
apk安装包兼容所有浏览器
最新发布
07-03
总之，APK安装包本身并不是用于兼容所有浏览器的，而是用于在Android设备上安装和运行特定的Android应用程序。但是，通过将Web应用程序封装在APK安装包中，可以实现混合应用程序并在多个浏览器上提供一定程度的兼容...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值