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写的日历类(基于pj)
Dec 28 Javascript
精通Javascript系列之数据类型 字符串
Jun 08 Javascript
JavaScript中的apply()方法和call()方法使用介绍
Jul 25 Javascript
JavaScript实现瀑布流布局
Jun 28 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
JavaScript实现无穷滚动加载数据
May 06 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
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/10/09 PHP
模拟SQLSERVER的两个函数:dateadd(),datediff()
2006/10/09 PHP
在同一窗体中使用PHP来处理多个提交任务
2008/05/08 PHP
php实现把数组按指定的个数分隔
2014/02/17 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
php实现的XML操作(读取)封装类完整实例
2017/02/23 PHP
PHP完全二叉树定义与实现方法示例
2017/10/09 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
python中如何使用正则表达式的非贪婪模式示例
2017/10/09 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Windows 下python3.8环境安装教程图文详解
2020/03/11 Python
python安装后的目录在哪里
2020/06/21 Python
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
What is view? why do we have view?
2012/06/22 面试题
2014年办公室文秘工作总结
2014/12/09 职场文书
死亡赔偿协议书
2015/01/28 职场文书
幼儿教师辞职信
2015/02/27 职场文书
最感人的道歉情书
2015/05/12 职场文书
python井字棋游戏实现人机对战
2022/04/28 Python