IE与FF脚本兼容性问题

CSS:

(1) 让页面元素居中

ff{margin-left:0px;margin-right:0px;width:***}

ie上面的设置+text-align:center

(2) ff:不支持滤镜

ie:支持滤镜

(3) ff:支持!important

ie支持*,ie6支持_

(4) min-width,min-height

FF支持,IE不支持,IE可以用css expression来替代

(5) Css Expression

FF不支持,IE支持

(6) cursor:hand

IE下可以显示手指状,FF下不行

(7) UL的默认padding和margin

IE下ul默认有margin,FF下ul默认有padding

(8) FORM的默认margin

IE下FORM有默认margin,FF下margin默认为0

(9) 长字符串,word-wrap:break-all可以解决IE,但是FF需要overflow:hidden才行
 (10)Ol、ul列表缩进,消除缩进和编号

IE:margin:0px;

FF:list-style:none;margin:0px;padding:0px;

JS:

(1)  window.event

表示当前的事件对象,IE有这个对象

FF没有,FF通过给事件处理函数传递事件对象

(2) 获取事件源

IE用srcElement获取事件源,而FF用target获取事件源

(3) 添加,去除事件

IE:element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function) 
FF:element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)

(4)获取标签的自定义属性

IE:div1.value或div1[“value”] 
FF:可用div1.getAttribute(“value”)

(5) document.getElementByName()和document.all[name]

IE:  document.getElementByName()和document.all[name]均不能获取div元素 
FF:可以

(6) input.type的属性

IE:input.type只读 
FF:input.type可读写

(7)  innerText textContent outerHTML

IE:支持innerText, outerHTML 
FF:支持textContent

(8)是否可用id代替HTML元素

IE:可以用id来代替HTML元素 
FF:不可以

IE与FF脚本兼容性问题

时间: 2024-12-27 00:13:22

IE与FF脚本兼容性问题的相关文章

[转载]DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important; 一.CSS 兼容 以下两种方法几乎能解决现今所有兼容

DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性(转载的)

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important;一.CSS 兼容 以下两种方法几乎能解决现今所有兼容.

IE与F兼容性的问题

4,IE与FF脚本兼容性问题事件对象event                                                         ev事件委托oEvent.srcElement                                      oEvent.target滚轮onmousewheel                                            DOMMouseScroll滚轮oEvent.wheelDelta    

(转)Web前端开发面试题集锦(附答案)

1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test(“a1a__a1a__a1a__a1a__”); 2,截取字符串abcdefg的efg var str = “abcdefg”; if (/efg/.test(str)) { var efg = str.substr(str.indexOf(“efg”), 3); alert(efg); } 3,

Web前端相关知识(一)

1.判断字符串以字母开头,后面可以是数字,下划线,字母,长度为6-30 var reg=/^[a-zA-Z]{1}\w{6,30}$/; 2.请举例使用callee属性实现函数的递归使用 var sum=function(num){ if(num<=1){ return num; } else{ return arguments.callee(num-1)*num; } } console.log("10!=="+sum(10)); 3.Ajax同步和异步的区别,如何解决跨域问题

[转载]页面优化——网页优化

前端是庞大的,包括HTML.CSS.Javascript.Image.Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么 1. 从用户角度而言,优化能够让页面加载得更快.对用户的操作响应得更及时,能够给用户提供更为友好的体验. 2. 从服务商角度而言,优化能够减少页面请求数.或者减小请求所占带宽,能够节省可观的资源. 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用. 前端优化的途径有很多,按粒度大致可以分为两类,第一

[转]关于Web前端开发,附:(百度web前端笔试面试题目)

关于Web前端及百度web前端笔试面试题目 随着各大互联网公司设立了Web前端开发工程师.设计工程师等职位,web前端越来越得到互联网企业的认可.而且其重视程度与地位也随着浏览器 端的富客户端的体现而日益提高. 眼前对HTML5的未来和走向,业内的预测是会和Flash.Silverlight等相结合,从而取代传统的客户端应用程序.而实现这个目标的客户端核 心工作是有Web前端工程师来完成的. 从另一个角度,对于web产品来说,交互和用户体验是产品的第一价值,这部分价值的体现就是在web前端.可以

web前端开发笔试集锦(javascript篇1)转

原文出处: http://hi.baidu.com/jinhui04/item/eaf40034fa00def597f88dbc 1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;reg.test("a1a__a1a__a1a__a1a__"); 2,截取字符串abcdefg的efg var str = "abcdefg";if (/e

前端开发面试题整理(JS篇)

以下都是网上整理出来的JS面试题,答案仅供参考. /2,截取字符串abcdefg的efg //alert('abcdefg'.substring(4)); //3,判断一个字符串中出现次数最多的字符,统计这个次数 /*var str = 'asdfssaaasasasasaa'; var json = {}; for (var i = 0; i < str.length; i++) {         if(!json[str.charAt(i)]){                 json[