html 读取本地xml文件,JS读取本地的XML文件

要想让JS读取本地的XML代码，得具备这样的条件，一般情况下，需要一个JS文件，一个XML文件，最后这两个文件就放在相同的路径下，这样方便调用。

一、XML文件代码示例

大众计算机学习网

www.dzwebs.net

green

大众三七网

www.dz37w.com

blue

第三条信息

第三条信息的网址

Red

第四条信息

第四条信息的网址

green

二、JS文件的代码

//指定xml文件的来源地址

var Url="MyXml.xml";

//创建XmlDom对象

var cdsales=new ActiveXObject("Microsoft.XMLDOM");

//设定XmlDom对象将采取异步调用的方式加载数据

cdsales.async=true; //异步加载

//加载xml文件

cdsales.load(Url);

cdsales.onreadystatechange= new function LoadedSales(){

var txt="";

if(cdsales.readyState==4){

if(cdsales.parseError.errorCode != 0){

txt="err";

}

else{

var bi=cdsales.documentElement.selectNodes("item");

if(bi!=null&&bi.length>0){

for(var i=0;i

txt+="

"+bi[i].childNodes[0].text+""+""+bi[i].childNodes[2].text+"";

}

else{

txt="LoadingErr";

}

else{

txt="Loading.";

}

document.write(txt);

}

把上面的代码，直接保存成为一个HTML文件，双击使用即可看到效果，注意，打开该HTML网页文件的时候，一定要允许阻止的内容，方能看到结果。

上面的JS代码比较多，如果你是想验证简单结果，可使用如下的简洁的JS代码：

var xdoc = new ActiveXObject("Microsoft.XMLDOM");

xdoc.async="true";

/xdoc.load('MyXml.xml');

nodes=xdoc.documentElement.childNodes;

document.write("

"+nodes.item(0).text+""+nodes.item(1).text+"");

html 读取本地xml文件,JS读取本地的XML文件相关推荐

静态html文件js读取url参数
在ajax应用流行时,有时我们可能为了降低服务器的负担,把动态内容生成静态html页面或者是xml文件,供客户端访问!但是在我们的网站或系统中往住页面中某些部分是在后台没有进行修改时,其内容不会发生变 ...
js 读取php页面内容,js读取html文件 js获取html页面显示内容
CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码如题,CSS布局HTML小编今天和大家分享HTML或者JS读取TXT文件内容的代码 JS读取TXT文件内容的代码如下: 读 ...
js读写本地文件js读写本地文件
1. <script language="javascript" type="text/javascript"> 2. /* 3. object.O ...
js html引入外部css文件,js中如何引入css文件？
js中如何引入css文件?下面本篇文章给大家介绍一下使用JS引入css文件的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.使用document.write方式输出引入cs ...
php怎么引入外部css文件,js如何引入css外部文件
js引入css外部文件的方法:写成自定义函数,url为文件路径,供以后的元素调用,代码为[var script = document.createElement('script')].4o5少儿编程网 ...
cordova js(javascript)读取本地文件（将本地的bin文件转成字节数组）
此问题已经解决,解决方法参考我的博客: cordova本地存储(存取): 读取项目里的本地文件文章目录 1.下面两个比较有用: 2.下面两篇博客证明不用input标签的情况下,无法获取本地文件(包括 ...
android读取xml 字符串,Android 读取本地Xml文件，并转换成String
问题不是解析本地 xml 文件, 而是要将 xml 文件中的所有内容(包含格式,标签等),直接转换成 String. 与前端H5页面交互时, iOS 在请求远程 xml 文件耗时太长(有时需要4~5 ...
JS学习--用JS读取本地文件
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
Vue.js读取本地json文件并分页显示
Vue.js读取本地json文件并分页显示 1.功能实现通过axios异步加载技术读取本地的json文件内容,并通过vue.js处理数据在h5页面分页显示(这里以3行数据分页) 2.student. ...

html 读取本地xml文件,JS读取本地的XML文件

html 读取本地xml文件,JS读取本地的XML文件相关推荐

最新文章

热门文章