Bagaimana untuk mencapai keserasian silang pelayar apabila menghuraikan fail XML dalam JavaScript?

Penghuraian XML Penyemak Imbas Rentas dalam JavaScript

Dalam pembangunan web, selalunya perlu untuk menghuraikan fail XML dalam JavaScript, tanpa mengira penyemak imbas atau platform yang digunakan. Walau bagaimanapun, mencapai keserasian merentas penyemak imbas boleh menjadi rumit.

Penyelesaian:

Kod yang disediakan di bawah menyediakan penyelesaian yang berfungsi merentas semua penyemak imbas utama, termasuk IE 6:

var parseXml;

if (typeof window.DOMParser != "undefined") {
    parseXml = function(xmlStr) {
        return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
    };
} else if (typeof window.ActiveXObject != "undefined" &&
       new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
        var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(xmlStr);
        return xmlDoc;
    };
} else {
    throw new Error("No XML parser found");
}

Contoh Penggunaan:

Untuk menggunakan penyelesaian, hanya gunakan fungsi parseXml dengan rentetan XML untuk menghuraikan, seperti yang ditunjukkan di bawah:

var xml = parseXml("<foo>Stuff</foo>");

Objek xml yang terhasil kemudiannya boleh digunakan untuk mengakses dokumen XML secara pemrograman. Sebagai contoh, coretan kod berikut mendapatkan semula nama elemen akar:

alert(xml.documentElement.nodeName);

Demo Langsung:

Untuk menunjukkan kefungsian penyelesaian ini, tunjuk cara langsung disediakan di bawah:

var parseXml;

if (typeof window.DOMParser != "undefined") {
    parseXml = function(xmlStr) {
        return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
    };
} else if (typeof window.ActiveXObject != "undefined" &&
       new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
        var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(xmlStr);
        return xmlDoc;
    };
} else {
    throw new Error("No XML parser found");
}

var xml = parseXml("<foo>Stuff</foo>");
document.body.innerHTML = "Root element: " + xml.documentElement.nodeName;

Coretan kod ini menghuraikan rentetan XML dan memaparkan nama elemen akar dalam badan dokumen.

Atas ialah kandungan terperinci Bagaimana untuk mencapai keserasian silang pelayar apabila menghuraikan fail XML dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!