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 相关文章推荐
JS模拟多线程
Feb 07 Javascript
一个高效的JavaScript压缩工具下载集合
Mar 06 Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
JavaScript 截取字符串代码实例
Sep 05 Javascript
原生js实现购物车功能
Sep 23 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初学入门
2006/11/19 PHP
php 什么是PEAR?(第三篇)
2009/03/19 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php实现word转html的方法
2016/01/22 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
javascript tips提示框组件实现代码
2010/11/19 Javascript
ajax 同步请求和异步请求的差异分析
2011/07/04 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
2015/02/10 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
jQuery实现自动滚动到页面顶端的方法
2015/05/22 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
angularjs使用directive实现分页组件的示例
2017/02/07 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
Python编码时应该注意的几个情况
2013/03/04 Python
在Django的URLconf中进行函数导入的方法
2015/07/18 Python
总结网络IO模型与select模型的Python实例讲解
2016/06/27 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
python和pygame实现简单俄罗斯方块游戏
2021/02/19 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
Windows下python3.7安装教程
2018/07/31 Python
python打开使用的方法
2019/09/30 Python
python django中8000端口被占用的解决
2019/12/17 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
如何进行有效的自我评价
2013/09/27 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers