IE、火狐和谷歌关于一些JS的差异
2013-12-02 09:50
274 查看
目前这个项目的页面要求在IE、火狐和谷歌三个浏览器中都能运行,期间遇到一些问题,现总结一下:
1.获取鼠标的坐标时,使用event.clientX,不要使用event.x,因为火狐不支持event.x,最好使用event.screenX。
2.火狐中不能在js中直接使用event对象,必须将event传递给js方法再使用。例:
<input name="username" onclik="alertMsg(event)"/>
function alertMsg(eventObj) alert(eventObj.clientX);
}
3.火狐和谷歌在给obj.style.left和obj.style.top赋值时加上单位px,例:obj.style.left=100px。IE中可不加单位。
4.IE中增加事件用attachEvent,例:window.attachEvent("onscroll", functioname); 火狐和谷歌则用addEventListener,例:window.addEventListener("scroll",functioname, false);
5.火狐和IE中可以用document.documentElement.scrollTop获取滚动的高度,而在谷歌里要用document.body.scrollTop。
6.火狐和谷歌中不支持DIV的onresize事件
7.改变table的高度用table.style.height="100px",因为火狐和谷歌不支持table.height="100px“这种写法。
8.动态添加文本时不要用innerText,用innerHTML,因为火狐用innerText在页面上看不到文本。
9.获取表单对象时用document.formname,不要直接写formname,因为在火狐上获取不到。
1.获取鼠标的坐标时,使用event.clientX,不要使用event.x,因为火狐不支持event.x,最好使用event.screenX。
2.火狐中不能在js中直接使用event对象,必须将event传递给js方法再使用。例:
<input name="username" onclik="alertMsg(event)"/>
function alertMsg(eventObj) alert(eventObj.clientX);
}
3.火狐和谷歌在给obj.style.left和obj.style.top赋值时加上单位px,例:obj.style.left=100px。IE中可不加单位。
4.IE中增加事件用attachEvent,例:window.attachEvent("onscroll", functioname); 火狐和谷歌则用addEventListener,例:window.addEventListener("scroll",functioname, false);
5.火狐和IE中可以用document.documentElement.scrollTop获取滚动的高度,而在谷歌里要用document.body.scrollTop。
6.火狐和谷歌中不支持DIV的onresize事件
7.改变table的高度用table.style.height="100px",因为火狐和谷歌不支持table.height="100px“这种写法。
8.动态添加文本时不要用innerText,用innerHTML,因为火狐用innerText在页面上看不到文本。
9.获取表单对象时用document.formname,不要直接写formname,因为在火狐上获取不到。
相关文章推荐
- 关于浮动元素在IE、火狐、谷歌三大主流浏览器兼容性的一些经验
- JS在IE和火狐中的差异
- 转:js在ie和ff中的一些差异写法
- js 获取回车事件 兼容ie 火狐 谷歌
- 关于IE和火狐,谷歌,Safari对Html标签Object和Embed的支持问题
- IE、火狐(Firefox)和谷歌(Google Chrome)浏览器差异【收集】
- IE、火狐、谷歌的一些不同之处
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- js ajax post提交 ie和火狐、谷歌提交的编码不一致,导致中文乱码
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- 关于IE和火狐,谷歌,Safari对Html标签Object和Embed的支持问题
- JS在火狐和IE下的差异
- 关于IE和火狐,谷歌,Safari对Html标签Object和Embed的支持问题
- 关于IE,360,火狐,谷歌中遇到的几个兼容性问题的总结
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- JS密码强度验证(兼容IE,火狐,谷歌) -- 仿JQuery中文社区注册
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- js方法获得键盘输入的值,通用ie,火狐,谷歌
- JS在IE和火狐中的差异