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 相关文章推荐
使用Javascript接收get传递的值的代码
Nov 30 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
js正则表达式简单校验方法
Jan 03 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比较多维数组中值的大小排序实现代码
2012/09/08 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
2019/03/19 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
python编写爬虫小程序
2015/05/14 Python
python采集百度百科的方法
2015/06/05 Python
python遍历目录的方法小结
2016/04/28 Python
python3.6使用pickle序列化class的方法
2018/10/22 Python
python简单实现AES加密和解密
2019/03/28 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
django 外键创建注意事项说明
2020/05/20 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
Python里面如何拷贝一个对象
2014/02/17 面试题
毕业生精彩的自我评价分享
2013/10/06 职场文书
高三自我鉴定范文
2013/10/19 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
股东出资证明书范例
2014/10/04 职场文书
学校运动会广播稿
2014/10/11 职场文书
加强作风建设工作总结
2014/10/23 职场文书
买房协议书范本
2014/10/23 职场文书
单位租房协议书样本
2014/10/30 职场文书
少先队工作总结2015
2015/05/13 职场文书
宿舍管理制度范本
2015/08/07 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
MySQL优化及索引解析
2022/03/17 MySQL