百度空间 | 百度首页 
               
 
查看文章
 
发现几处IE与firefox的js和css几处不同点【原】
2007年08月18日 星期六 19:32

终于完成了偶的拖动窗口,花了近15个小时,庆祝一下(*^__^*);以前写了IE下的功能,于是又写了firefox下的功能,在firefox上花了很多时间,发现了firefox中几处与IE中不同的地方:

1.firefox不能对innerText支持,也不知道为什么。firefox支持innerHTML但却不支持innerText,所以上网查了一下,原来它改支持textContent来实现innerText,不过实现得没有那么好,默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替

2.禁止选取网页内容:
在IE中一般用js:obj.onselectstart=function(){return false;}
而firefox用CSS:-moz-user-select:none

3.滤镜的支持(例:透明滤镜):
IE:filter:alpha(opacity=10);
firefox:-moz-opacity:.10;

4.捕获事件:
IE:obj.setCapture()        、obj.releaseCapture()
Firefox: document.addEventListener("mousemove",mousemovefunction,true);
    document.removeEventListener("mousemove",mousemovefunction,true);

5.获取鼠标位置:
IE:event.clientX、event.clientY
firefox:需要事件函数传递事件对象
    obj.onmousemove=function(ev){
        X= ev.pageX;Y=ev.pageY;
    }

6.DIV等元素的边界问题:
比如:设置一个div的CSS::{width:100px;height:100px;border:#000000 1px solid;}
IE中:div的宽度(包括边框宽度):100px,div的高度(包括边框宽度):100px;
而firefox:div的宽度(包括边框宽度):102px,div的高度(包括边框宽度):102px;

所以在做这个兼容IE和firefox的拖动窗口时,在js和css的写法上要动点脑筋,给大家两个小技巧
一.判断浏览器类型:
var isIE=document.all? true:false;
我写了一个变量,如果支持document.all语法那么isIE=true,否则isIE=false

二.在不同浏览器下的CSS处理:
一般可以用!important来优先使用css语句(仅firefox支持)
比如:{border-width:0px!important;border-width:1px;}
在firefox下这个元素是没有边框的,在IE下边框宽度是1px


类别:Javascript | 添加到搜藏 | 浏览() | 评论 (8)
 
最近读者:
 
网友评论:
1
2007年08月18日 星期六 21:54 | 回复
哟,看来国栋你对这两种浏览器下的js、css已经颇有研究了啊。向你学习!
 
2
2007年08月23日 星期四 09:18 | 回复
6.DIV等元素的边界问题: 比如:设置一个div的CSS::{width:100px;height:100px;border:#000000 1px solid;} IE中:div的宽度(包括边框宽度):100px,div的高度(包括边框宽度):100px; 而firefox:div的宽度(包括边框宽度):102px,div的高度(包括边框宽度):102px; 这个在IE和FF中应该宽度都是102px 吧;只是IE对 一般可以用!important来优先使用css语句(仅firefox支持) 这个好象IE7也能识别了哦。
 
3
2007年08月26日 星期日 13:38 | 回复
IE的部分只是针对IE6.0,IE7.0还没认真研究过,不好意思!!
 
4
2007年11月13日 星期二 12:44 | 回复
你说的盒模型错误是IE5的事情了,IE6和FF都是102px宽
 
5
2007年11月14日 星期三 10:41 | 回复
呵呵,我申明一点,是正常情况下,没有加web标准,而且是IE6.0中的……
 
6
2008年02月02日 星期六 10:21 | 回复
呵呵,总结的很好,谢谢
 
7
2008年05月07日 星期三 12:37 | 回复
firefox的出现给了我们更多的选择,但是也给设计带来麻烦啊。
 
8
2008年05月08日 星期四 08:22 | 回复
总不能让微软垄断浏览器行业吧 firefox和opera支持的W3C XHTML、CSS、javaccript标准都比IE要好
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu