a标签IE浏览器兼容问题

最新推荐文章于 2022-01-16 14:14:50 发布
转载 最新推荐文章于 2022-01-16 14:14:50 发布 · 7.3k 阅读 · 2
文章标签：

#ie #IE #浏览器兼容

本文探讨了在Internet Explorer浏览器中，当<a>标签包含<button>元素时，无法正常跳转到href链接的问题。文章对比了不同浏览器的行为差异，并提供了几种可行的解决方案。

原文：http://hi.baidu.com/pdj408/item/b5d79ec26aaa422399b4986a

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="返 回">


button与a标签的区别
07-24
button与a标签的区别
FireFox浏览器和IE浏览器下CSS兼容问题
09-27
【CSS兼容问题详解：Firefox与IE的差异】 在网页开发中，CSS（层叠样式表）是用于控制页面布局和样式的工具。然而，不同浏览器对CSS的解析方式可能存在差异，尤其是在Firefox和Internet Explorer（IE）之间。这些...
a 和 button
Melissa的博客
04-27 1323
像 button 的原始目的就是一个通用的按钮，点击后应该触发  JavaScript， 没有其它附带的隐含的附加效果； 标签的隐含附带效果就是跳转页面到其它地方，而提交表单时应该有一个隐含附带的让浏览器触发提交表单的效果， 它就与 button 默认的行为不一样了。所以我们根据这点来区分我们应该用 button 还是用 input 或 a 标签。 今天遇到一个难题，代码如
button 标签
藏经阁
07-12 1172
1.button标签和a标签 button标签包含a标签，则鼠标放在上面时会有下划线 a标签包含button标签 则不会有下划线（也可以用p标签，也可以直接写） 2.button标签可以是 type=“submit” 3.button标签可以在submit的同时运行onclick指定的函数 ...
a标签内部的button，JS冒泡问题
opensuse
02-19 699
以前一直没有想过冒泡，不过今天居然遇到了。   情形是这样的，在我的&lt;a&gt;标签内部只是一个&lt;input type="button"&gt;按钮。那么这样我的超链接就失效了。   原代码是这样的：     &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;he
A标签包含Button在IE，360 等浏览器无法跳转的问题解决
yhcad博客
05-14 1221
<button><a href="http://www.baidu.com"></a></button> 有时为了使超链接拥有按钮的样式，就会使用 button 包含 a 标签的写法 这种写法在 IE浏览器或 360浏览器中会出现 button 点击无响应的情况，谷歌、火狐则可以识别 解决方法： 根本原因：有了 button 部...
IE浏览器兼容性问题及常见解决方案
IE浏览器兼容是前端开发中一个经典且复杂的问题，尤其在面对老旧系统或需要支持低版本IE（如IE6、IE7、IE8甚至IE9）的项目时，开发者必须掌握一系列兼容性处理技巧。尽管现代浏览器已经普遍支持HTML5、CSS3和ES6+等...
解决IE浏览器兼容问题及历史版本特性检测技巧
本文主要探讨IE浏览器的常见兼容性问题及其解决方案。 首先，关于JavaScript代码片段，`getElementsByClassName` 和 `getElementsByTagName` 方法用于获取HTML元素，这在早期版本的IE中可能存在问题，因为它们不...
CSS之float在IE浏览器下换行问题解决方法
09-25
在本篇内容中，我们主要探讨的是a标签在使用浮动属性时，在IE浏览器下换行的问题以及相应的解决办法。 首先，关于float属性，它主要有三个值：left、right和none。当元素使用float：left时，元素会向左浮动；使用...
IE.rar_ie浏览器_浏览器 ie
09-19
**IE浏览器的问题与挑战** 1. **兼容性**：IE对新的Web标准支持不足，导致部分现代网页无法正常显示。 2. **安全性**：由于其代码存在漏洞，IE成为黑客攻击的目标，安全问题频发。 3. **性能**：相比于Chrome等...
BootStrap入门（三）全局CSS样式
qq_41763734的博客
07-22 361
BootStrap入门（三）全局CSS样式 BootStrap中CSS样式有许多，这里挑一些学习 过程中的来展示，更多样式移步link 一、按钮 <body> <a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-d...
关于tp5.1的a标签和button标签的区别（地址跳转）
weixin_43202364的博客
01-17 1982
我们以下载一个phpexcel文件为例 首先看，button标签： html代码 &lt;button class="layui-btn layui-btn-fluid" onclick="download()"&gt;下载&lt;/button&gt; js代码： function download(){ $.post("{:url('download')}",{},fun...
a标签改成了button标签，加的链接无法跳转
qq_41544627的博客
12-10 1304
如题 解决方法是给button加上type="button"属性 button不写type类型就会有默认属性 1、请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit” 2、如果不为Button设置type属性，旧版IE会将其自动设为button类型，而从IE8开始，为了遵守W3C标准，改变了原来的默认做法，现在默认此button为submit，而非button类型。 参考：http://www
<a>标签做按钮使其无法跳转页面
qq_36805785的博客
07-27 674
1.<a href="#"></a> 页面将跳转到当前页面的页头。 2. <a href="#none" ></a> 当<a></a>被点击时，会跳转到id为none 的元素的位置（如果存在），即锚链接。 3.<a href="###" ></a> 在ie11和chrome中不再会跳转到当前页的页头，但是URL依然会改变,同时也会出发hash
什么时候用button，什么时候用a标签
weixin_34273479的博客
04-25 360
什么时候用button，什么时候用a标签 一、问题 能实现链接功能的标签一般就a标签，button标签，input submit标签 input submit肯定是提交表单的时候用 那什么时候用button，什么时候用a标签   能用a标签的地方尽量使用a标签么？ 只有在例如type=submit的时候才使用button标签？ 是否a标签比button标签更好？原因是什么？ 那一...
HTML两大点击元素:button和a
JavaIdot的博客
01-16 2660
您将学习到两大点击元素button和a（按钮和超链接）的用法。还有拓展如何让超链接像按钮一样有点击事件。如果拓展让您感到有所帮助，不忘点赞加关注！
a标签中嵌套按钮实现点击按钮不跳转a标签中的链接
Zhang190716的博客
11-26 1740
网页的顶栏广告中有嵌套在a标签中的按钮；例如京东 结构应该类似于 点击关闭按钮关闭广告栏，而不跳转标签的链接 不是使用cancelBubble 或者stopPropagation()阻止事件冒泡; 使用的仅仅是使用阻止默认行为preventDefault() 原因是 点击a跳转链接是a的默认行为而不是事件。 <!DOCTYPE html> <html lang="en"&gt...
button、a标签、input button的区别
qq_31092813的博客
07-24 4883
button a标签 input button的区别 适合使用的场景
a标签下载在IE浏览器不兼容问题
fhx308050的博客
12-01 2642
今天碰到用户使用后台点击下载无效问题，通过其他浏览器测试其实是没问题的，但是根据用户反馈他使用的是IE浏览器，所以本人测试了使用<a>标签在IE下触发下载可能保存时会直接将文件命名成download，并且还没有文件后缀，所以用户可能会不知道你下载的是什么。 其实写过好几个后台的下载都是要么使用<a> download 属性或window.open实现下载效果，使用这两个方法除IE浏览器外，应该大部分浏览器都可以实现下载效果的。 例如： //下载 function downl.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值