(浏览器中JS的兼容问题.docVIP

JS在IE和FF中的兼容性问题 1. 对象问题 1.1 Form对象 现有问题： 现有代码这获得form对象通过document.forms(formName)，这样使用在IE 能接受，MF 不能。 解决方法： 改用 作为下标运算。改为document.forms[formName] 备注 上述的改用 作为下标运算中的formName是id而name 1.2 HTML对象 现有问题： 在 IE 中，HTML 对象的 ID 能够作为 document 的下属对象变量名直接使用。在 MF 中不能。 document.all(itemName)或document.all(itemId) 解决方法： 使用对象ID作为对象变量名 document.getElementById(itemId) 备注 document.all是IE自定义的方法，所以请大家尽量不使用。 更有一种方式，在IE和MF都能够使用 var f = document.forms[formName ]; var o = f. itemId; 1.3 DIV对象 现有问题： 在 IE 中，DIV对象能够使用ID作为对象变量名直接使用。在 MF 中不能。 DivId.style.display = none 解决方法： document.getElementById(DivId).style.display = none 备注 获得对象的方法不管是不是DIV对象，都使用getElementById方法。参见1.2 1.4 关于frame 现有问题 在 IE中 能够用window.testFrame取得该frame，mf中不行 解决方法 在frame的使用方面MF和IE的最主要的区别是： 假如在frame标签中书写了以下属性： 那么IE能够通过id或name访问这个frame对应的window对象 而mf只能够通过name来访问这个frame对应的window对象 例如假如上述frame标签写在最上层的window里面的htm里面，那么能够这样访问 IE： window.top.frameId或window.top.frameName来访问这个window对象 MF：只能这样window.top.frameName来访问这个window对象 另外，在mf和ie中都能够使用window.top.document.getElementById(frameId)来访问frame标签 并且能够通过window.top.document.getElementById(testFrame).src = xx.htm来转换frame的内容 也都能够通过window.top.frameName.location = xx.htm来转换frame的内容 1.5 窗口 现有问题 IE中能够通过showModalDialog和showModelessDialog打开模态和非模态窗口，但是MF不支持。 解决办法 直接使用window.open(pageURL,name,parameters)方式打开新窗口。 假如需要传递参数，能够使用frame或iframe。 2. 总结 2.1 在JS中定义各种对象变量名时，尽量使用id，避免使用name。 在 IE 中，HTML 对象的 ID 能够作为 document 的下属对象变量名直接使用。在 MF 中不能，所以在平常使用时请尽量使用id，避免只使用name，而不使用id。 2.2 变量名和某 HTML 对象 id 相同的问题 现有问题 在 MF 中，因为对象 id 不作为 HTML 对象的名称，所以能够使用和 HTML 对象 id 相同的变量名，IE 中不能。 解决方法 在声明变量时，一律加上 var ，以避免歧义，这样在 IE 中亦可正常运行。 此外，最好不要取和 HTML 对象 id 相同的变量名，以减少错误。 1. document.all Firefox能够兼容document.all， 但会生成一条警告。能够用getElementById(*) 或 getElementByTagName(*)来代替 但是对于document.all.length等属性，则完全不兼容。 2. parentElement 这个也不兼容。比方说， obj.parentElement.name 则应改成 obj.parentNode.attributes.getNamedItem(name).nodeValue （不知道如何写得更简洁些） 3. event W3C不支持windows.event 比方说: 在IE里面 function onMenuClick() { collapseMenu(event