火狐 IE 兼容 JAVASCRIPT.docVIP

项目： Coolink 浏览器兼容 分类： 设计说明 密级： C Coolink浏览器兼容 说明书 北京中科辅龙计算机技术股份有限公司 Coolink平台在火狐和IE6,IE7,IE8下所显示出的最终效果不同主要原因在于采用私有JS函数，并且对相关占位符的style没有采用各浏览器专用的hack。 函数在调用过程中缺少参数，在IE下可以正常调用，在火狐系列浏览器下必须传入null.典型的：req.send()应该改成req.send(null) spanceshi/span要获取测试，必须采用W3C支持的textContent属性获取，不能直接采用document.getElementsByTagName(“span”)[0].innerText获取，innerText为IE支持。 在获取数组中的值是必须采用[]符号，而不是（）。例如： form action=”” method=”post” name=”f1”input type=”text” name=”ts”//form 获取该ts document.forms[“f1”].elements[“ts”] 而不应该写成 document.forms(“f1”).elements(“ts”) 获取一个element应该采用document.getElementById(“id”)而不应该采用document.all(“id”) 火狐系列浏览器不支持event对象，目前在common.js.jsp中重写event对象，使其在火狐下也可以采用window.event获取event对象，响应鼠标事件。 获取制定节点下属性节点的值 Element.setAttribute(“edition”,”first”); 获取该element下的edition属性应该采用element.getAttribute(“edition”)而不是element.edition 具体的 input type=”text” edition=”ytu”/ edition type 为该元素的属性值 在用ajax获取到的元素必须采用该解析方法 Coolink中采用的私有函数 如:insertAdjacentHtml(“”,””);需要重写，判断火狐或者是ie版本。 Style .s1{List-style-type:none; }/*火狐系列*/ *html .s1{List-style-type:none; }/*IE 6*/ *+html .s1{List-style-type:none; }/*IE 7*/ 占位符具体样式和js DOM可以参考w3c标准 Frame 统一使用window.framename或者window.frames[“framename”]访问frame,采用document.getELementById访问相关frame会出现一些问题。 研发中心 详细设计说明书 3－3