IE和FireFox(FF)中js和css的不同


Posted in Javascript onApril 13, 2009

在IE和FireFox(FF)中js和css的不同
css:
1.
ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反
解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none;
js:
1.
IE中innerText在FF中没有,使用textContent;
eg:

var obj=document.getElementById("_td"); 
var text; 
if(obj.innerText) { 
text=obj.innerText; 
} else if(obj.textContent) { 
text=obj.textContent; 
}

2.
在Ajax中返回对象状态IE可以使用readystate但是在FF中必须为readyState,所以最好是都写成readyState
3.获取IE和FF中的键盘返回值,
<input type="text" onkeyUp="test(event)"/>
function test(e) {
var keyc=GetKeyCode(e);
alert(keyc);
}
function GetKeyCode(e) {//取得不同浏览器下的键盘事件值
var keyc;
if(window.event) {//ie键盘事件
keyc=e.keyCode;
} else if (e.which) {//火狐
keyc=e.which;
}
return keyc;
}
4.为对象添加移除事件
var obj=document.getElementById("_tname');
添加事件:
if(obj.attachEvent) {
obj.attachEvent("onchange",function() {
otherfunction(params);//这里可以给其实方法传参,也可以直接调用其它方法
});
} else if(obj.addEventListener) {
obj.addEventListener("change",function() {
otherfunction(params);
},false);
}
移除事件:
obj.onclick=null;
/*下面的代码为什么不行,IE下输出obj.onclick竟然为anonymous,希望高手能帮忙解决
if(obj.detachEvent) {
obj.detachEvent("onchange",test);
} else if(obj.removeEventListener) {
obj.removeEventListener("change",test,false);
}*/
5.
IE中event.x和event.y
在FF中只有event.pageX,event.pageY
都有event.clientX和event.clientY属性
解决办法:
var x=e.x?e.x:e.pageX;//e为event对象传进来的参数
6.IE下 input.type属性为只读,但是MF下可以修改
7.在 IE 中,getElementsByName()、(document.all[name] (还未测试成功))均不能用来取得 div元素(是否还有其它不能取的元素还不知道)。
8.通过js来触发事件
<script type="text/javascript"><!--
function handerToClick(){
var obj=document.getElementById("btn1");
if(document.all){//IE中
obj.fireEvent("onclick");
} else {
var e=document.createEvent('MouseEvent');
e.initEvent('click',false,false);
obj.dispatchEvent(e);
}
}
// --></script>
<input type="button" value="btn1" id="btn1" onclick=" alert('按钮btn1的click事件') " />
<input type="button" value="触发ID为btn1的onclick事件" onclick=" handerToClick() " />
9.IE下event对象有srcElement属性,Firefox下,event对象有target属性
var obj=e.srcElement?e.srcElement:e.target;//e为event对象传进来的参数
//从这里下面的还未测试
10.在FF中自己定义的属性必须getAttribute()取得
11.节点问题
IE中使用parentElement parement.children,而FF中使用parentNode parentNode.childNodes
childNodes的下标的含义在IE和FF中不同,FF使用DOM规范,childNodes中会插入空白文本节点。
FF中节点没有removeNode方法,必须使用如下方法 node.parentNode.removeChild(node)
Javascript 相关文章推荐
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
JS实现随机化快速排序的实例代码
Aug 01 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
Jan 16 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
Apr 19 Javascript
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
微信小程序实现滑动操作代码
Apr 23 Javascript
element 动态合并表格的步骤
Dec 31 Javascript
javascript 清除输入框中的数据
Apr 13 #Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 #Javascript
IE8 原生JSON支持
Apr 13 #Javascript
由document.body和document.documentElement想到的
Apr 13 #Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 #Javascript
javascript removeChild 使用注意事项
Apr 11 #Javascript
Firefox window.close()的使用注意事项
Apr 11 #Javascript
You might like
php结合安卓客户端实现查询交互实例
2015/05/05 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
javascript实现手机震动API代码
2015/08/05 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
Python编程中time模块的一些关键用法解析
2016/01/19 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
Sanic框架Cookies操作示例
2018/07/17 Python
详解django自定义中间件处理
2018/11/21 Python
python3 小数位的四舍五入(用两种方法解决round 遇5不进)
2019/04/11 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python合并多个excel文件的示例
2020/09/23 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
优秀管理者事迹材料
2014/05/22 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
护士实习自荐信
2015/03/06 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
2015年新农合工作总结
2015/03/30 职场文书
垂直极限观后感
2015/06/08 职场文书
出生证明范本
2015/06/15 职场文书
Nginx源码编译安装过程记录
2021/11/17 Servers
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android