浏览器兼容的JS写法总结.docxVIP

浏览器兼容的JS写法总结 浏览器兼容的JS写法总结，涵盖的内容很全面，感兴 趣的小伙伴们可以参考一下 document? all[name] (1)现有问题：Firefox 不支持 document, all [name] (2)解决 方法：使用 getElementsByName (name), getElementByld (id)等来替代。 集合类对象问题 现有问题：IE中对许多集合类对象取用时可以用(), 但在F irefox只能用[]。 女口: IE 中可以使用 document, f or ms (/zformN aine〃)来 返回名字为^formName^的Fonn,但在Fire fox却行不通。 解决方法：使用口，上例中可以改为doc ument? forms [〃formName〃] HTML元素的ID在JavaScr ipt可见 现有问题：IE中HTML元素中的ID可以作为d ocument的下属对象变量名直接使用。在F irefox中不能。 解决方法：使用 getElementB yId(/zidName “)代替 idName作为对象变量使用。 e val (idName)取得对象 (1)现有问题：在IE中，利用e val (idName)可以取得 ID为idNa me的HTML对象，在Firefox中不能。 (2)解决方法：用 getElementB yld(idName)代替 eval (idNa me) o nbsp; 变量名与某HTML对象ID相同 现有问题：在Firefox中，因为对象ID不作为 HTML对象的名称，所以可以使用与HTML对象id相同的变 量名，IE中不能。 解决方法：在声明变量时，一律加上VQG以避免 歧义，这样在IE中亦可正常运行。此外，最好不要取与 HTML对象 HTML对象id相同的变量名, 以减少错误。 注：3、4和5都属于同一类的问题。 F rame 现有问题：在IE中可以用w indow. top. f rameId 和 wind ow. top. fram eName 来得到该 Fr ame 所代表的 Wind ow, Firefox 中只能用 window. t op. frameNam e。 解决方法：将Frame的Id和Name设置成相同，使 用 window. top ? frameNQine 来访i可 Frameo 二、DOM操作 1?设置元素的文本内容。 现有问题：IE使用inn erText,而Fir efox使用 textC ontent来设置元素文本内容。 解决方法：如果文本内容不包含〃It;〃和〃gt ;〃等特 殊字符，可以使用innerHTMLo否则，可以使用: v archild=ele m. firstCh订 d; if (chil d!=null)ele m. removeChi ld(child); elem. appen dChild (docu merit, create TextNode (co ntent)); 2 . parentElem ent, parent. children 现有问题：IE可以使用parentEle merit获得父结 点，p arent. child ren得到结点的所有孩子结点。 Firefox 不支持。 (2)解决 方法：使用parent Node和 parent ? childNodes。 对 childNo des 的解释。 (1 )现有问题：IE和Fi refox中对chil dNodes的解 释不同，IE不会包含空白文本结点，而Firefox会包含。 解决方法：使用childN odes过滤文本结点，如下: nbsp; v archildren=elem? childN odes; nbsp ;for (i=0; il t;children. length; i++) { nbsp;nbs p; if (childr en[i]? nodeT ype!=3) {//过滤文 本结点 nbsp;n bsp;//??? nb spjnbsp;} nb sp;} 对 do cument. getE lementsByNa me 的解释。 (1)现有问题：IE中get ElementsByN ame只会检查 It; i nputgt;和It; imggt;元素，而在Firefox下会检查所 有元素。 (2)解决方法：不要使用get ElementsByN ame检查除 It; in putgt;和It; i mggt;之外的元素，如果要获得单个元 素，尽量使用 getEleme ntByldo 对 document, g etElementBy Id 的解释。 (1)现有问题:IE中ge