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" onclick="window.location.href('/jsp/manage/manage-context.jsp')" class="searchbut" value="返 回"]

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

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

你可能感兴趣的:(IE8及以下按钮超链接无法跳转的问题)