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 中的 call 和 apply使用介绍
Feb 22 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
Mar 02 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
Sep 06 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
ES6学习教程之对象字面量详解
Oct 09 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
js动态添加的DIV中的onclick事件简单实例
2016/07/25 Javascript
利用BootStrap弹出二级对话框的简单实现方法
2016/09/21 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
浅析Python中的join()方法的使用
2015/05/19 Python
Python中内置数据类型list,tuple,dict,set的区别和用法
2015/12/14 Python
Python打包可执行文件的方法详解
2016/09/19 Python
Python装饰器的执行过程实例分析
2018/06/04 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
法国足球商店:Footcenter
2019/07/06 全球购物
后勤工作职责
2013/12/22 职场文书
美容院店长岗位职责
2014/04/08 职场文书
超市活动计划书
2014/04/24 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
办公室禁烟通知
2015/04/23 职场文书
家长会后的感想
2015/08/11 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
Nginx 匹配方式
2022/05/15 Servers
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers