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 相关文章推荐
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 Javascript
director.js实现前端路由使用实例
Feb 03 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
Jul 05 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
JS中数组与对象的遍历方法实例小结
Aug 14 Javascript
小程序实现可拖动的悬浮按钮
Sep 07 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迭代器的内部执行过程详解
2013/11/12 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
bootstrap laydate日期组件使用详解
2017/01/04 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
2019/03/29 Javascript
jQuery动态生成的元素绑定事件操作实例分析
2019/05/04 jQuery
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
web.py在模板中输出美元符号的方法
2014/08/26 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
可能这些是你想要的H5软键盘兼容方案(小结)
2019/04/23 HTML / CSS
Perfumetrader荷兰:香水、化妆品和护肤品在线商店
2017/09/15 全球购物
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
编辑个人求职信范文
2013/09/21 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
三问三解心得体会
2014/09/05 职场文书
西柏坡导游词
2015/02/05 职场文书
卡特教练观后感
2015/06/08 职场文书
职工食堂管理制度
2015/08/06 职场文书
golang 实现Location跳转方式
2021/05/02 Golang