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 相关文章推荐
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
Mar 27 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
JS实现隔行换色的表格排序
Mar 27 Javascript
AngularJs 常用的过滤器
May 15 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
webpack4 从零学习常用配置(小结)
May 28 Javascript
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
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/06 PHP
9段PHP实用功能的代码推荐
2014/10/14 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
纯Javascript实现Windows 8 Metro风格实现
2013/10/15 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
python 调用c语言函数的方法
2017/09/29 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
python中对_init_的理解及实例解析
2019/10/11 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
应届生程序员求职信
2013/11/05 职场文书
自荐信封面
2013/12/04 职场文书
大学生的四年学习自我评价
2013/12/13 职场文书
自我鉴定三原则
2014/01/13 职场文书
计算机个人求职信范例
2014/01/24 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
营业用房租赁协议书
2014/11/26 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
Python中for后接else的语法使用
2021/05/18 Python
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技