使用JS讀取XML文件的方法
由于項(xiàng)目上需要解析xml，于是各種百度，然后自己總結(jié)了下各個(gè)主流瀏覽器解析xml的方法，只能是很淺顯的知道他的用法，但是還沒(méi)有深層次的研究。
不同的瀏覽器對(duì)xml的解析方式不同，根據(jù)目前主流瀏覽器大致分三類：
第一類，ie祖宗： js 提供用于創(chuàng)建 Automation對(duì)象的方法，new ActiveXObject("Microsoft.XMLDOM") ；
第二類：firefox，opera：用構(gòu)造函數(shù) DOMParser()實(shí)例化DOMParser對(duì)象，解析xml文本，并返回xml Document對(duì)象；
第三類：chrome，safari：由于chrome不支持load方法，故用http協(xié)議，XMLHttpRequest對(duì)象。
代碼：
function loadXML(){
var xmlDoc;
try{ //IE
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}catch(e){ //firefox,opera
xmlDoc = document.implementation.createDocument("","",null);
}
try{
xmlDoc.asyc = false; //是否異步調(diào)用
xmlDoc.load("xxx.xml"); //文件路徑
}catch(e){ //chrome
var xmlhttp = new window.XMLHttpRequest();
xmlhttp.open("GET","xxx.xml",false); //創(chuàng)建一個(gè)新的http請(qǐng)求，并指定此請(qǐng)求的方法、URL以及驗(yàn)證信息
xmlDoc = xmlhttp.responseXML;
}
return xmlDoc;
}
返回的xmlDoc對(duì)象，其中屬性documentElement包含了xml節(jié)點(diǎn)的各種值，可以console出來(lái)慢慢找。
ps:如果是讀取本地xml，chrome默認(rèn)是禁止訪問(wèn)本地文件，需要增加啟動(dòng)參數(shù) --allow-file-access-from-files。
以上所述是小編給大家介紹的使用JS讀取XML文件的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JS基于設(shè)計(jì)模式中的單例模式（Singleton）實(shí)現(xiàn)封裝對(duì)數(shù)據(jù)增刪改查功能
這篇文章主要介紹了JS基于設(shè)計(jì)模式中的單例模式（Singleton）實(shí)現(xiàn)封裝對(duì)數(shù)據(jù)增刪改查功能.結(jié)合實(shí)例形式分析了javascript基于單例模式結(jié)合ajax針對(duì)數(shù)據(jù)庫(kù)進(jìn)行增刪改查的相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
element-plus默認(rèn)菜單打開(kāi)步驟
在 Vue 3 中使用 Element Plus 的 <el-menu> 組件時(shí),默認(rèn)情況下菜單項(xiàng)是關(guān)閉狀態(tài)的,如果你想讓某個(gè)菜單項(xiàng)默認(rèn)處于展開(kāi)狀態(tài),你可以通過(guò)設(shè)置菜單項(xiàng)的 default-active 屬性來(lái)實(shí)現(xiàn),這篇文章主要介紹了element-plus默認(rèn)菜單打開(kāi),需要的朋友可以參考下2024-08-08
JavaScript 事件流、事件處理程序及事件對(duì)象總結(jié)
JS與HTML之間的交互通過(guò)事件實(shí)現(xiàn),事件就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間,可以使用(或處理程序)來(lái)預(yù)定事件,以便事件發(fā)生時(shí)執(zhí)行相應(yīng)的代碼,本文將介紹JS事件相關(guān)的基礎(chǔ)知識(shí),2017-04-04
關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解
最近在研究Javascript發(fā)現(xiàn)了其中一些之前忽略的問(wèn)題，所以想著總結(jié)分享出來(lái)，下面這篇文章主要給大家介紹了關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解，文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-07-07
Vant+postcss-pxtorem 實(shí)現(xiàn)瀏覽器適配功能
這篇文章主要介紹了Vant+postcss-pxtorem 實(shí)現(xiàn)瀏覽器適配,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
javascript+css 網(wǎng)頁(yè)每次加載不同樣式的實(shí)現(xiàn)方法
用戶每次訪問(wèn)時(shí)隨機(jī)載入樣式，讓微博在視覺(jué)上保持新鮮感。雖然思路與實(shí)現(xiàn)都比較簡(jiǎn)單，但還是想記錄下來(lái)，與大家分享。2009-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的放大鏡效果，可隨意更改，放大區(qū)域的大小、比例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
在研發(fā)公展公用后臺(tái)的時(shí)候，用了許多的技巧性的JS，最有代表性就是如下這一例子.2011-01-01
巧妙解決Layui.table組件分頁(yè)問(wèn)題示例
這篇文章主要為大家介紹了巧妙解決Layui.table組件分頁(yè)問(wèn)題方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要介紹了JS獲取元素多層嵌套思路詳解的相關(guān)資料,需要的朋友可以參考下2016-05-05