- 浏览: 59616 次
- 性别:
- 来自: 四川
最新评论
我们项目立即要做ie与firefox兼容的事情了,特别地开个帖子来记录些点点滴滴...待正式做后,这里的内容就more起来了
1、第一天,遇到了a标签的click()事件问题:因为我们项目里使用了大量的异步请求,而这些请求全是使用a标签的onclck事件绑定的。。。在ie里边可以通过触发a标签的click()事件来触发请求。但是到了火狐后,对a标签的click()事件失效。。后来俺想了个办法:为a标签绑定click()方法。。。通过其触发a标签的onclick()方法。但是因为我们项目a标签的onclick方法是通过prototype封装的js来动态绑字的。。火狐不识别,该方案失败。最后想到了input button标签,该可以通过click()来触发其单击的事件。因此在组件里边将生成a 标签的代码全部改为input button,问题得到解决。
2、第二天,任然遇到第一天的问题,只不过换成了div了。。。因此我写了个公共方法来判断:
if(火狐浏览器)
{
if(obj && obj.onclick)/*如果对象存在,并且存在对象的onclick方法,则将click方法关联到onclick方法上。*/
{
obj.click=function(){
obj.onclick();
};
}
}
,在页面加载后调用这个js,并传入相应的参数,成功搞定!
3、样式问题:我们界面分成了N多列,在火狐下严重变形,跑下去了。。。结果加了个float:left,成功搞定!
4、对于非标准属性值的问题:
在ie中,obj.setAttribute("")obj.setAttribute("a","b")<==>obj.a="b"; obj.getAttribute("a")<==>obj.a;
而在firefox 中,obj.setAttribute("")obj.setAttribute("a","b")<≠>obj.a="b"; obj.getAttribute("a")<≠>obj.a;
示例:
運行後的結果爲:
5、透明滤镜效果:ie:filter:alpha(opacity:0.5),firefox:opacity:0.5
6、iframe可编辑:ie->window.frames["iframeName"].designMode="on",
firefox->window.frames["iframeName"].document.designMode="on";window.frames["iframeName"].document.contentEditable="true"
7、div等标签的disabled设置为不可用:写个方法在其不可用时,将有的onclick等事件暂时保存,并将其清除掉。。。在设置为可以时再还原。。。
8、from表单的重复提交没效果,如下代码:
第一点点击后能出来效果,第二次点击firefox 就不发送数据了,不知道这是firefox故意为之还是w3c的标准(不过老朽好像没有看到过w3c有这样的标准)
修改方案为:
在form提交之前更改下target属性,就可以了。修改后的代码为:
9、自动滚屏:
marquee是个好东西啊
可惜firefox/ie8对他的支持不够好
marquee在firfox下有时候滚动,有时候不滚动..
这是最令人头疼的事情
要不然不滚,要不然滚,这个问题可能就更容易解决
有很多js脚本可以模拟滚动
不过发现的最简单的办法是
把marquee的标签放在js里面。。。。。。。
遇到此类问题,可以这样解决看看。
10、parentElement只支持ie,而标准的parentNode同时支持IE+firefox
12 from 表单内的文本回车提交
在firefox 中,如果你有一个可见的表单,在表单的文本框里边按下回车,firefox会触发表单提交事件。解决办法:1、为所有的文本框添加keydown事件,屏蔽回车(13)事件。2、将form表单提交修改为隐藏,然后使用ajax等方法来提交。
13、firefox 文本框光标丢失
在用Firefox浏览页面时是否发现鼠标点击 textarea,input表单输入文本时闪烁的光标不见了,但能正常输入文本呢?
你很幸运遇到了”Firefox光标丢失”的问题,前阵子也被这问题搞到头晕晕的,结过网上查找等方法找出了如下:
以下面为例,总结了页面容器中设置了以下部分属性,均会导致Firefox光标丢失:
- overflow:auto
- overflow-x:auto;
- overflow-y:auto;
- overflow:scroll
- overflow-x:scroll;
- overflow-y:scroll;
- overflow-x:hidden;
- overflow-y:hidden;
- position:absolute
14、获取input file 文件绝对路径问题:
使用input file进行文件上传时,因为要获取文件的绝对路径从而知道得到文件的大小,但是在ie8中终始不能获取大小,调试代码后发现:XXX.value的路径居然变成了C:/fakepath/*,真实路径被取代了。在网上找到了答案:原来是因为IE8增加了安全选项,默认情况下不显示上传文件的真实路径。
解决办法:
一、进入internet选项,修改下设置即可显示真实的文件路径。
工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”,选中“启用”即可。
二、使用js来获取文件的路径:
但是,使用这个办法时要注意:input file 及其所有的父节点中不能有display:none属性的东西,不然获取不了路径。因此可以使用一个div,设置宽度大小为0;或使用一个浮动的层,将这个层移动到很远很远的地方(top:-999px;left:-999px;)。
发表评论
-
struts2 中获取 web资源的方式
2016-01-08 17:02 464在struts2中获取 web资源的方式大致可分为获取扩展 ... -
sql server、db2、oracle 存储过程动态sql语句示例
2015-01-31 19:00 1784Oracle CREATE OR REPLACE PRO ... -
ie9 中出现不明的异常(参数是必选项 (Argument not optional)、尚未实现)等
2015-01-27 23:57 1261<script type="text/jav ... -
SAXParseException: The content of element type "configuration" must match
2014-09-15 23:57 1922在mybatis的配置文件中新增加<databaseI ... -
java.lang.ClassNotFoundException: Cannot find class: DB_VENDOR
2014-09-15 23:45 1921在mybatis 中使用databaseIdProvide ... -
spring mvc3 + fastjson 转换 REST 参数以及输出
2014-03-27 00:16 4185spring 3可以支持Rest风格参数,其内置了jack ... -
eclipse中编辑log4j 的xml配置文件时,自动提示
2014-03-27 00:05 835方法1. 配置log4j.dtd文件: Windows - ... -
java json 转换之 Jackson 框架
2013-08-01 21:50 1100转自:http://www.cnblogs.com/hooj ... -
eclipse/myeclise 自定义注释中的变量名称
2013-07-01 23:18 927eclipse/myeclipse中自带了 ... -
Eclipse Class Decompiler——Java反编译插件
2012-11-08 22:41 1199Eclipse Class Decompiler,整 ... -
struts+spring+hibernate整合问题解决方法 陆续更新中....
2009-01-01 10:33 837在整合ssh过程中出现的问题和解决方法: 一、 严重: Ser ... -
DWR通过Annotation与spring整合
2009-01-21 22:05 631DWR 2.0 增加了一个很有趣的新特性,Annotat ... -
div嵌套页面 div加载页面 (其中获取目标页面的内容是用dwr框架连接java程序做的)
2009-03-15 16:58 623前段时间因为有需要,要在div中加载一个页面。但是以前没做过, ... -
tapestry autocomplete 更改样式及定位
2009-07-09 19:02 675版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文 ... -
Java中的main()方法详解
2009-07-12 16:23 603源文作者:leizhimin 源文链接:http:/ ... -
tapestry5 集成 spring 的事务管理
2009-07-22 15:43 550说明:使用的是tapestry5.1.0.5 和spring ... -
tapestry5 布局 参数的处理
2009-07-23 17:24 369<?xml version="1.0" ... -
tapestry不支持 等html特殊符号的解决方法
2009-07-23 17:34 471在使用tapestry时,偶然发现使用 &a ... -
WebService大讲堂之Axis2(1):用POJO实现0配置的WebService
2009-07-28 15:01 393转自:http://space.itpub.net ... -
WebService大讲堂之Axis2(2):复合类型数据的传递
2009-07-28 15:25 461转自:http://space.itpub.net/12921 ...
相关推荐
这里总结了所有ie与firefox的各种兼容问题及解决办法,所有用,想学css的朋友可以看下
ie和火狐兼容问题总结,比较全,对遇到该问题的朋友有所帮助
IE FireFox 兼容问题I
CSS在firefox和ie下的兼容性问题,是最让网页设计师头痛的事。在IE下测试明明是正常的,到了火狐下就变样了。这样一来还得重新修改,最怕改好后在IE下又不兼容了。这里介绍一下css在火狐和ie下的兼容要点。
IE与Firefox的CSS兼容问题 web2.0经验总结
ie与firefox兼容文档。
JavaScript在IE和Firefox(火狐)的不兼容问题解决
IE6、_IE7、IE8、Firefox兼容性问题IE6、_IE7、IE8、Firefox兼容性问题IE6、_IE7、IE8、Firefox兼容性问题IE6、_IE7、IE8、Firefox兼容性问题
Mozzila Firefox与IE的兼容问题的一点总结,希望对大家有帮助
DIV+CSS网页中IE和火狐兼容问题的整理
最让页面设计师头痛的就是兼容问题,你想知道ie和火狐一起兼容吗,来学习一下吧
JS的IE和Firefox兼容性总结
Javascript的IE和Firefox兼容性问题集合
IE与Firefox的CSS兼容大全
Javascript中如何处理浏览器兼容问题
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
Javascript的IE和Firefox(火狐)兼容性解决方案
总结了一些常用属性在ie和firefox下的兼容问题,并附有相应的解决方法。
解决IE6 IE7 Firefox中li兼容问题
解决现有IE和firefox不兼容的问题,内有多种解决方法,请大家好好学习