IE下JS讀取xml文件示例代碼
更新時間：2013年08月05日 17:13:49 作者：
JS讀取xml文件具體步驟為：創(chuàng)建DOM對象、加載xml文件(僅適用于IE)附示例代碼，感興趣的朋友可以參考下，希望對大家有所幫助
使用JS讀取xml文件，這里暫只考慮IE瀏覽器
step1 創(chuàng)建DOM對象
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對象實現的，在IE9之后，IE開始支持Level 2級DOM，（其他支持Level 2 DOM的瀏覽器包括Firefox, Opera, Chrome, and Safari等）
可以像下面一樣創(chuàng)建XML DOM對象：
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;
}
一個簡單的例子：
var xmlDom = loadXML("config.xml");
IE下，可以調用selectNodes() 和selectSingleNode()方法，利用XPath，快速定位節(jié)點
step1 創(chuàng)建DOM對象
復制代碼 代碼如下:
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對象實現的，在IE9之后，IE開始支持Level 2級DOM，（其他支持Level 2 DOM的瀏覽器包括Firefox, Opera, Chrome, and Safari等）
可以像下面一樣創(chuàng)建XML DOM對象：
復制代碼 代碼如下:
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;
}
一個簡單的例子：
復制代碼 代碼如下:
var xmlDom = loadXML("config.xml");
IE下，可以調用selectNodes() 和selectSingleNode()方法，利用XPath，快速定位節(jié)點
您可能感興趣的文章:
相關文章
這篇文章主要介紹了前端小知識之??=?操作符更簡潔的默認值處理方式的相關資料,??=操作符是JavaScript中用于設置默認值的新操作符,它僅在變量值為null或undefined時才賦值,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了JS 設計模式之：工廠模式,結合實例形式分析了JS 工廠模式基本概念、原理、定義、實現方法與操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了JS實現div模塊的截圖并下載功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-10-10
這篇文章主要為大家詳細介紹了如何使用p5.js臨摹動態(tài)圖形，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
Add a Formatted Table to a Word Document
Add a Formatted Table to a Word Document...2007-06-06
使用multiple可以實現select多選，本例將為大家介紹下select多選 multiple的使用，新手朋友們可以學習下2014-06-06
本篇文章主要介紹了Redux實現組合計數器的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
JS時間戳為13位，包含3位毫秒的，而PHP只有10位不包含毫秒的，這就是為什么對不上號原因，處理方法如下2014-06-06
使用?Angular?服務器端渲染?Transfer?State?Service
這篇文章主要介紹了使用?Angular?服務器端渲染?Transfer?State?Service,假設我們使用?Angular?Universal?開發(fā)一個服務器端渲染的?Angular?應用，這個應用會消費一個第三方的?Restful?API2022-06-06
JavaScript 瀏覽器對象模型BOM原理與常見用法實例分析
這篇文章主要介紹了JavaScript 瀏覽器對象模型BOM原理與常見用法,結合實例形式詳細分析了JavaScript瀏覽器對象模型BOM基本概念、原理、使用方法及操作注意事項,需要的朋友可以參考下2019-12-12