Miten ratkaista selaimen yhteensopivuusongelmia työskenneltäessä JavaScript, AJAX ja XML
Vaikka olin työskennellyt projektissa, olen kohdannut monia selain yhteensopivuusongelmia kuten miten sivuuttaa valkoinen tila kirjoittaessaan koodia JavaScript. Huomasin että, IE (Internet Explorer) selain sivuuttaa valkoinen tila mutta Mozilla (Firefox) ja muut Netscape selaimet eivät ole piittaamatta välilyöntejä.
Missä olen kohdannut ongelman? Kun yritin hakea pituus childnodes vastaavissa vanhempi solmu.
Vaikka olin hakemalla sama Mozilla Firefox-selain käyttäytyy eri tavalla IE-selaimen. Oikeastaan, minulla on vain "2 lapsen solmut" in vanhempi solmu. IE näyttää pituus (nParentNode [0] .childNodes.length) kuin 2 mutta kun suorittaa sama koodi Mozilla vastaaviin tulos oli erilainen - tämä ei ollut minun toivottua tulosta, se olisi 2 Mozilla samoin.
Kun teemme joitakin tutkimus tämän, huomasin että IE sivuuttaa tyhjämerkit mutta tulossa Mozillan ja muiden selaimen ei unohdetaan välilyönnit, yli tulla tätä kysymystä meidän on käytettävä yksi ylimääräinen riviä koodia.
12345for (var j = 0; j jos (nParentNode [0] .childNodes [j] .nodeType! = 1) jatkaa, ... jatkaa koodi ...}
Jos tarkastellaan edellä koodi, ehto " jos maininta "ei meidän tehtävämme. Oma suunnitelma on sivuuttaa välilyönnit, tämä on mahdollista käyttää" NodeType "edellä, jos ehto tarkistaa ELEMENT_NODE, jos se on muu kuin ELEMENT_NODE että on ATTRIBUTE_NODE (tai) TEXT_NODE (tai) ENTITY_NODE jne, se jatkuu silmukka.
Katso XML-tiedosto, joka olen käyttäen esimerkkinä:
123456789101112 versio = "1.
0" encoding = "UTF-8"? >>> label = "Organisaatio"> txt = "Google" txt = "10000 - 30000 työntekijät"> label = "Teknologia"> txt = "Langaton"> >>
Edellä XML, on vanhempi tag ja jotka on ja on lapsi solmuja. Tavoitteenani tässä tietää, kuinka monta lasta solmut ovat siellä solmussa, ja saada tietoja näistä lapsi tageja. Jos tarkastellaan JavaScript-koodi:
nParentNode on osoittaa ja nParentNode [0] tarkoittaa aivan ensimmäisen solmun vanhemman, childNodes on ominaisuus, joka palauttaa nodelist sisältää lapsen solmut vastaava valittu solmu. pituus kuvaa lasten määrä solmuja.
1nParentNode [0] .childNodes.length
Jos suoritat edellä rivi IE-selaimen se antaa tuloksen "2? mutta jos suorittaa sama Mozilla Firefox tai muu Netscape Selaimet se antaa tuloksen "4? koska välilyönnillä. Joten, jotta yli tulla tämän tyyppisiä asioita voimme hyödyntää Node