IE8及以下按钮超链接无法跳转的问题

今天充当解决bug的救急团队又来解决老师的那个项目问题,但是一看整个布局,都是传统的table布局,更醉人的是还是用frame,天啊,但是没有办法,只能在原先的基础上改喽

遇到一个奇葩的页面跳转,为了有按钮的效果,又想实现跳转的功能,于是就写成了下面这样:

<a href=""><input type="button" value="跳转"/></a>

这样写也就算了,但是偏偏它在IE浏览器上不能正常跳转,在一些高级浏览器中可以,但是学校用的都是古老的IE浏览器,也是醉了,网上百度了一下,说是这种问题不能实现一石二鸟的功效,如下:

a标签中如果有button, 那么在IE下就不能跳转到herf的链接

a标签中如果有button, 那么在IE下就不能跳转到herf的链接。而火狐和google中可以

如下:此种在IE中不可以。这边的class中的属性只用于按钮样式。
[a href="jsp/manage/manage-context.jsp"][input type="button" class="searchbut" value="返 回"][/a]

而通过这样在IE中可行。但在火狐和google中则不可以
[input type="button" οnclick="window.location.href('/jsp/manage/manage-context.jsp')" class="searchbut" value="返 回"]

下面这种则在IE,火狐,google中都可以
[input type="button" οnclick="window.location.href='/jsp/manage/manage-context.jsp'" class="searchbut" value="返 回"]

第一次遇到这种问题,纪念一下

转载于:https://my.oschina.net/sunshinewyf/blog/516987

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值