软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Ajax/JavaScript > IE与firefox在javascript和css上的不同点

IE与firefox在javascript和css上的不同点

  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

相关阅读
栏目导航
推荐软件