Hvordan at løse problemer browser kompatibilitetsproblemer, mens du arbejder med JavaScript, AJAX og XML
Mens jeg arbejder på et projekt, jeg har stået over for mange browser kompatibilitetsproblemer som hvordan man ignorere hvide rum, mens du skriver kode i JavaScript. Jeg bemærkede, at, IE (Internet Explorer) browser ignorerer hvide rum, men Mozilla (Firefox) og andre Netscape browsere ikke ignorere hvide rum.
Hvor jeg har stået over for problemet? Da jeg forsøgte at hente længden af childnodes i respektive forælder node.
Mens jeg hente den samme Mozilla Firefox Browser opfører sig på en anden måde, at IE browser. Faktisk har jeg kun "2 barneknudepunkter« i en forælder node. IE viser længden (nParentNode [0] .childNodes.length) som 2, men når jeg udfører den samme kode i Mozilla den respektive resultat var anderledes - det var ikke min forventede resultat, bør det være 2 i mozilla samt
.
Efter gør nogle forskning på dette, jeg bemærkede, at IE ignorerer blanke, men kommer til Mozilla og andre browserens ikke ignorere blanke, at over komme dette problem, vi er nødt til at bruge en ekstra linje kode.
12345for (var j = 0; j if (nParentNode [0] .childNodes [j] .nodeType = 1!) fortsætter; ... Fortsæt med koden ...}
Hvis du ser på ovenstående kode, betingelsen i ' hvis erklæring «gør vores job. Min plan er at ignorere blanke, det er muligt ved hjælp af" nodetypen 'ovenstående, hvis tilstand kontrollerer for ELEMENT_NODE, hvis det er andet end ELEMENT_NODE der er ATTRIBUTE_NODE (eller) TEXT_NODE (eller) ENTITY_NODE osv, det fortsætter løkken
Kig på XML-filen, som jeg bruger som eksempel:.?
123456789101112 versionen = "1.
0" encoding = "utf-8" >>> label = "Organisation"> txt = "Google" txt = "10.000 - 30.000 Medarbejdere"> label = "Teknologi"> txt = "Trådløs"> >>
I ovenstående XML, er forælder tag til, og det er, og er barn noder. Mit mål her er at vide, hvor mange børn knudepunkter er der i node, og for at få data fra disse underordnede tags. Hvis man ser på den JavaScript-kode:
nParentNode peger på og nParentNode [0] angiver den allerførste knude af forælder, childNodes er en egenskab, der returnerer en NodeList indeholder barnet knudepunkter i den respektive valgte node.
længde viser antallet af børn noder.
1nParentNode [0] .childNodes.length
Hvis du udfører ovenstående linie i IE browser giver resultatet som "2? men hvis du udfører det samme i Mozilla Firefox eller andre Netscape b