IE.火狐中href 兼容的注意事项 ,应用中的删除自己所在行数据,在IE上可用,在FF,谷歌等不可用的问题

原创 2013年12月04日 11:31:42

 1.  超链接删除

  <a href="#" onClick="remove(this)">删除</a>

<javaScript>

function remove(obj) {
  i f(confirm("确认删除?")){
       $(obj).parent().parent().remove();
    }
  }

</javaScript>


看似没有什么问题,但是很容易我们会发现remove火狐是不支持的,所以remove(this)在火狐和谷歌中的效果是“删除”被删除了,

所以要修改方法名称,测试即可!

2.退出按钮火狐不支持的写法

<input type="submit" name="Submit" value="" class="anniu_top" style=" cursor:hand;"

onClick="javascript:if(confirm('确认退出本系统吗?')){parent.location.href('index_logout.jspr');}">


火狐不支持href后面括号的写法,我们给他修改为  parent.location.href='index_logout.jspr'; 即可,完美兼容


以下IE和火狐不兼容的注意事项

<a href="###" onclick=""> //不兼容
<a href="javascript:;" onclick=""> //不兼容
<a href="javascript:function();"> //没有{...},属于脚本的非法书写
<a style="cursor:hand" onclick=""> //没照顾到自定义系统鼠标样式的用户
<a href="javascript:)"


关于IE,360,火狐,谷歌中遇到的几个兼容性问题的总结

1  垂直居中问题
  • u010254654
  • u010254654
  • 2014年04月09日 17:57
  • 2368

h5拖拽在兼容火狐与IE的实现需要注意的事

拖拽在兼容火狐与IE的实现需要注意的事
  • qq_39759115
  • qq_39759115
  • 2017年11月20日 11:01
  • 126

页面缩放兼容性处理(zoom,Firefox火狐浏览器)

1、页面缩放用到的技术点 (1)zoom zoom:normal | | 默认值:normal 适用于:所有元素 继承性:有 可以使用用浮点数和百分比来定义缩放比例。 zoo...
  • ff55fff
  • ff55fff
  • 2017年08月29日 10:53
  • 201

HTML input在火狐chrome和ie的差异

用HTML INPUT控件上传图片发现,ie和chrom火狐是有区别的。 ie会把jpeg,jpg解析成image/pjpeg,而chrome和火狐是image/jpeg. ie会把png解析成i...
  • shyandsy
  • shyandsy
  • 2011年12月26日 05:45
  • 1753

scrollTop在FireFox与Chrome浏览器间的兼容问题

FireFox与Chrome的scrollTop的兼容问题 直到我今天在FireFox测试时发现,火狐下页面滚动的跳转功能无法使用。 1、原生接口测试 这里先提一下: documen...
  • jiegeng2233
  • jiegeng2233
  • 2017年01月18日 18:41
  • 533

input的width和padding-left同时存在时IE兼容问题

总的来说,text-indent不影响元素的最终宽度但是有兼容性问题,padding-left在中国主流浏览器IE低版本下影响最终宽度,但在chrome和firefox下不影响宽度,但是可以通过CSS...
  • SCOTT_1TIGER
  • SCOTT_1TIGER
  • 2015年05月14日 14:32
  • 1154

兼容IE、火狐、谷歌及所有浏览器的悬浮代码

        right: 0px;">                                                                               ...
  • smeyou
  • smeyou
  • 2010年05月16日 14:08
  • 1999

CSS中IE和火狐对margin、padding的兼容性解析

1、IE与Fire Fox识别CSS属性区别标签 !important #page_body{ width: 1000px !important; height:30px !important;...
  • m0_37836194
  • m0_37836194
  • 2017年08月10日 12:02
  • 126

CSS中box-reflect特性以及火狐浏览器替代方案

CSS3中的box-reflect特性可以实现倒影的效果,但是这个特性仅仅支持webkit内核的浏览器,即使到现在,其他浏览器依旧不支持这一特性,但是在火狐浏览器中有替代的方案可以实现倒影的效果。 ...
  • Low_Key_Shulman
  • Low_Key_Shulman
  • 2016年03月16日 20:47
  • 1023

WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01

兼容问题目录1、IE6下怪异盒模型 2、IE6下最小高度问题 3、IE6下不支持1px的点线 4、IE6下内容会把父级的高度撑开 5、IE6下只支持给a标签添加伪类 6、IE67下不支持给块...
  • baidu_37107022
  • baidu_37107022
  • 2017年05月14日 14:18
  • 678
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IE.火狐中href 兼容的注意事项 ,应用中的删除自己所在行数据,在IE上可用,在FF,谷歌等不可用的问题
举报原因:
原因补充:

(最多只允许输入30个字)