javascript:IE和火狐读xml文件的示例代码

2016-02-19 20:30 19 1 收藏

今天图老师小编给大家介绍下javascript:IE和火狐读xml文件的示例代码,平时喜欢javascript:IE和火狐读xml文件的示例代码的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

//note.xml

note
date2008-08-08/date
toGeorge/to
fromJohn/from
headingReminder/heading
bodyDon't forget the meeting this weekend!/body
/note

//readXml.htm

html

head

titleE4X/title

script type="text/javascript"
var xmlDoc;
function clickHandler()
{
if (window.ActiveXObject)
{
   xmlDoc = new ActiveXObject("MSXML.DOMDocument");
   if(xmlDoc == null)
   {
    window.alert("MSXML.DOMDocument isn't installed.");
   }
   else
   {
      xmlDoc.async=false;
      xmlDoc.load("note.xml");
         document.write(xmlDoc.getElementsByTagName("body")[0].firstChild.nodeValue);
   }
}
// code for Mozilla, Firefox, etc.
else if(document.implementation && document.implementation.createDocument)
{
   xmlDoc= document.implementation.createDocument("","",null)
   xmlDoc.load("note.xml");
   xmlDoc.onload=function()//anonymous function
        {
         document.write(xmlDoc.getElementsByTagName("body")[0].firstChild.nodeValue);
        }
}
}

/script

/head

body
spannothing/span
button onclick="javascript:clickHandler()"/hello, world.

/body

/html

  使用E4X可以很方便的读XML,如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

function clickHandler()
{
    xmlDoc=new XML();
    xmlDoc.load("note.xml");
    document.write(xmlDoc.body); //code for Internet Explorer
}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  而且浏览器兼容性好,可是试验一下在IE7和Firefox2.0上都不起作用。IE7报XML未定义,Firefox2.0没反应。

来源:https://www.tulaoshi.com/n/20160219/1623879.html

延伸阅读
标签: Web开发
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
这个是可以拖动的层 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
    最近使用Firefox进行网页的调试,发现有些Javascript XSLT处理XML的语句仅仅支持IE浏览器。而网络中的一些介绍javascript XSLT 处理XML的文章基本上都是依据AJAX来做的。     无奈中,自己写了一个Javascript XSLT处理XML展现页面的小功能。现在帖出来和大家共享,希望大家给点改进意见。   &nb...
标签: Web开发
代码如下: /**   * 得到XML文件属性的集合对象   * @param xmlDoc XML对象   * @param name 属性名称 如: user   * @return 返回 Array 对象   * Example XML:   * ?xml version='...
在用HTML5做跨平台应用开发时,尝尝会用到java和js方法互调的问题,对初学者而言,可能会有点难,在这里分享一些自己在实际开发过程中的用法,希望对你有帮助: 首先是js代码调用java代码介绍: 代码如下: public class CzingLBWebMain extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(saved...

经验教程

916

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部