IE下JS讀取xml文件示例代碼
更新時(shí)間：2013年08月05日 17:13:49 作者：
JS讀取xml文件具體步驟為：創(chuàng)建DOM對(duì)象、加載xml文件(僅適用于IE)附示例代碼，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
使用JS讀取xml文件，這里暫只考慮IE瀏覽器
step1 創(chuàng)建DOM對(duì)象
function createDom() {
var xmlDoc = null;
try { //IE
if (typeof arguments.callee.activeXString != 'string') {
var versions = [
"MSXML2.DOMDocument.6.0",
"MSXML2.DOMDocument.3.0",
"MSXML2.DOMDocument",
"Microsoft.XMLDOM"
];
var i,
len;
for (i = 0, len = versions.length; i < len; ++i) {
try {
new ActiveXObject(versions[i]);
arguments.callee.activeXString = versions[i];
break;
} catch (ex) {
// ignore
}
}
}
xmlDoc = new ActiveXObject(arguments.callee.activeXString);
} catch (ex) { // other
xmlDoc = document.implementation.createDocument("", "", null);
}
return xmlDoc;
}
IE8以前，XmlDom都是利用ActiveX對(duì)象實(shí)現(xiàn)的，在IE9之后，IE開始支持Level 2級(jí)DOM，（其他支持Level 2 DOM的瀏覽器包括Firefox, Opera, Chrome, and Safari等）
可以像下面一樣創(chuàng)建XML DOM對(duì)象：
var xmldom = document.implementation.createDocument(namespaceUri, root, doctype);
step2 加載xml文件
function loadXML(file) {
var dom = createDom();
if (dom == null) {
alert("load filed!");
}
try {
dom.async = false;
dom.load(file);
} catch (ex) {
alert("unsupport browser!");
}
return dom;
}
一個(gè)簡(jiǎn)單的例子：
var xmlDom = loadXML("config.xml");
IE下，可以調(diào)用selectNodes() 和selectSingleNode()方法，利用XPath，快速定位節(jié)點(diǎn)
step1 創(chuàng)建DOM對(duì)象
復(fù)制代碼 代碼如下:
function createDom() {
var xmlDoc = null;
try { //IE
if (typeof arguments.callee.activeXString != 'string') {
var versions = [
"MSXML2.DOMDocument.6.0",
"MSXML2.DOMDocument.3.0",
"MSXML2.DOMDocument",
"Microsoft.XMLDOM"
];
var i,
len;
for (i = 0, len = versions.length; i < len; ++i) {
try {
new ActiveXObject(versions[i]);
arguments.callee.activeXString = versions[i];
break;
} catch (ex) {
// ignore
}
}
}
xmlDoc = new ActiveXObject(arguments.callee.activeXString);
} catch (ex) { // other
xmlDoc = document.implementation.createDocument("", "", null);
}
return xmlDoc;
}
IE8以前，XmlDom都是利用ActiveX對(duì)象實(shí)現(xiàn)的，在IE9之后，IE開始支持Level 2級(jí)DOM，（其他支持Level 2 DOM的瀏覽器包括Firefox, Opera, Chrome, and Safari等）
可以像下面一樣創(chuàng)建XML DOM對(duì)象：
復(fù)制代碼 代碼如下:
var xmldom = document.implementation.createDocument(namespaceUri, root, doctype);
step2 加載xml文件
復(fù)制代碼 代碼如下:
function loadXML(file) {
var dom = createDom();
if (dom == null) {
alert("load filed!");
}
try {
dom.async = false;
dom.load(file);
} catch (ex) {
alert("unsupport browser!");
}
return dom;
}
一個(gè)簡(jiǎn)單的例子：
復(fù)制代碼 代碼如下:
var xmlDom = loadXML("config.xml");
IE下，可以調(diào)用selectNodes() 和selectSingleNode()方法，利用XPath，快速定位節(jié)點(diǎn)
您可能感興趣的文章:
- JS解析XML文件和XML字符串詳解
- JS讀取XML文件示例代碼
- JS操作XML實(shí)例總結(jié)(加載與解析XML文件、字符串)
- JS與jQ讀取xml文件的方法
- JavaScript操作XML文件之XML讀取方法
- JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法
- javascript讀取Xml文件做一個(gè)二級(jí)聯(lián)動(dòng)菜單示例
- jsp讀取大對(duì)象CLOB并生成xml文件示例
- 用javascript讀取xml文件讀取節(jié)點(diǎn)數(shù)據(jù)
- javascript實(shí)現(xiàn)加載xml文件的方法
- 使用JS讀取XML文件的方法
- jQuery解析XML文件同時(shí)動(dòng)態(tài)增加js文件的方法
- JS實(shí)現(xiàn)加載和讀取XML文件的方法詳解
相關(guān)文章
前端小知識(shí)之??=?操作符更簡(jiǎn)潔的默認(rèn)值處理方式
這篇文章主要介紹了前端小知識(shí)之??=?操作符更簡(jiǎn)潔的默認(rèn)值處理方式的相關(guān)資料,??=操作符是JavaScript中用于設(shè)置默認(rèn)值的新操作符,它僅在變量值為null或undefined時(shí)才賦值,需要的朋友可以參考下2024-11-11
JS 設(shè)計(jì)模式之：工廠模式定義與實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計(jì)模式之：工廠模式,結(jié)合實(shí)例形式分析了JS 工廠模式基本概念、原理、定義、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章主要介紹了JS實(shí)現(xiàn)div模塊的截圖并下載功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細(xì)介紹了如何使用p5.js臨摹動(dòng)態(tài)圖形，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
Add a Formatted Table to a Word Document
Add a Formatted Table to a Word Document...2007-06-06
使用multiple可以實(shí)現(xiàn)select多選，本例將為大家介紹下select多選 multiple的使用，新手朋友們可以學(xué)習(xí)下2014-06-06
Redux實(shí)現(xiàn)組合計(jì)數(shù)器的示例代碼
本篇文章主要介紹了Redux實(shí)現(xiàn)組合計(jì)數(shù)器的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
js處理php輸出時(shí)間戳對(duì)不上號(hào)的解決方法
JS時(shí)間戳為13位，包含3位毫秒的，而PHP只有10位不包含毫秒的，這就是為什么對(duì)不上號(hào)原因，處理方法如下2014-06-06
使用?Angular?服務(wù)器端渲染?Transfer?State?Service
這篇文章主要介紹了使用?Angular?服務(wù)器端渲染?Transfer?State?Service,假設(shè)我們使用?Angular?Universal?開發(fā)一個(gè)服務(wù)器端渲染的?Angular?應(yīng)用，這個(gè)應(yīng)用會(huì)消費(fèi)一個(gè)第三方的?Restful?API2022-06-06
JavaScript 瀏覽器對(duì)象模型BOM原理與常見用法實(shí)例分析
這篇文章主要介紹了JavaScript 瀏覽器對(duì)象模型BOM原理與常見用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript瀏覽器對(duì)象模型BOM基本概念、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2019-12-12