代码兼容性问题.doc

1.测试兼容性主要要测那几种浏览器？我一般式ietester(ie6-8)+firefox 一般情况下，浏览器兼容测试需要在各种内核的浏览器中进行测试，但考虑实际情况，你只需要在用户最多的几个浏览器中进行测试就行了。 使用IE内核的有：(采用IeTester) IE6（还有一定用户群） IE7（大量用户） IE8（一定量用户群） [注意]各版本实现有不同，需要分别测试 360等（用户量越来越大，但使用IE内核，其依赖于IE的版本） 世界之窗等（IE内核） fireFox浏览器内核（Rendering Engine） 用户量较大 Safari苹果浏览器内核（Webkit） 有一定用户群 Opera浏览器（独立内核） 较少用户群 Chrome浏览器（独立内核） 越来越多用户 如果精力不够，建议在IE6、7、8，fireFox5+版本中测试即可 注意，写的代码最好符合W3C标准来写，这样更能兼容 注意避免使用一此特殊实现的标记，如：select,br等（某些浏览器有不同实现） Javascript的IE和Firefox(火狐)兼容性 Javascript的IE和Firefox(火狐)兼容性 1. document.form.item 问题(1)现有问题：现有代码中存在许多 document.formName.item(itemName) 这样的语句，不能在Firefox(HYPERLINK /火狐)下运行(2)解决方法：改用 document.formName.elements[elementName](3)其它参见 22. 集合类对象问题(1)现有问题：现有代码中许多集合类对象取用时使用 ()，IE 能接受，HYPERLINK /Firefox(火狐)不能。(2)解决方法：改用 [] 作为下标运算。如：document.forms(formName) 改为 document.forms[formName]。又如：document.getElementsByName(inputName)(1) 改为 document.getElementsByName(inputName)[1](3)其它3. window.event(1)现有问题：使用 window.event 无法在HYPERLINK /火狐浏览器上运行(2)解决方法：火狐 的 event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通：原代码(可在IE中运行)： br /input type=button name=someButton value=提交 onclick=javascript:gotoSubmit()/br /...br /script language=javascriptbr /function gotoSubmit() {br /...br /alert(window.event); // use window.eventbr /...br /}br //script新代码(可在IE和火狐中运行)： input type=button name=someButton value=提交 onclick=javascript:gotoSubmit(event)/br /...br /script language=javascriptbr /function gotoSubmit(evt) {br /evt = evt ? evt : (window.event ? window.event : null);br /...br /alert(evt); // use evtbr /...br /}br //script此外，如果新代码中第一行不改，与老代码一样的话(即 gotoSubmit 调用没有给参数)，则仍然只能在IE中运行，但不会出错。所以，这种方案 tpl 部分仍与老代码兼容。4. HTML 对象的 id 作为对象名的问题(1)现有问题在 IE 中，HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用。在火狐中不能。(2)解决方法用 getElementById(idName) 代替 idName 作为对象变量使用。5. 用idName字符串取得对象的问题(1)现有问题在IE中，利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象，在火狐中不能。(2)解决方法用 getElementById(idName) 代替 eval(idName)。6. 变量名与某 HTML 对象 id 相同的问题(1)现有问题在 火狐 中，因为对象 id 不作为 HTML 对象的名称，所以可以使用与 HTM