如何禁用 href 跳转页面

最新推荐文章于 2024-01-06 15:15:25 发布
最新推荐文章于 2024-01-06 15:15:25 发布
阅读量870 收藏
点赞数
分类专栏： 笔记本 文章标签： javascript html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bubbleSweet/article/details/116567072
版权

禁用 href 跳转页面

点击下面这个 a 标签可以跳转到对应的百度搜索页面

<a href="https:/baidu.com"> a标签 </a>

但像如下这种写法，将跳转的位置置为了空，就不会跳转了

<a href="javascript:void(0)"> a标签 </a>
bubbleSweet
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
a标签不跳转
sinat_38992528的博客
12-06 1912
a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： 点此无反应javascript:void(0) 点此无反应javascript: 标签事件onclick，阻止其默认行为。如： return false; return false; 注意：只有
html中点击A超链接标签使其不跳转
程宇寒
06-08 2万+
html中点击A标签使其不跳转&lt;a href="#"&gt;&lt;/a&gt;有一个缺点，如果页面很长的话，会跳到本页面的顶部，有点像是跳到了一个新页面的感觉，体验不是很好！&lt;a href="#" onclick="return false"&gt;&lt;/a&gt;&lt;a href="javascript:void(0)"&gt
a标签禁止跳转
八月
10-17 2508
a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： <a href="javascript:void(0);" >点此无反应javascript:void(0)</a> <a href="javascript:;" >点此无反应javascript:</a...
禁止a标签执行href
我有一个魔盒的博客
05-11 2116
方式一：设置href <a href="javascript:void(0);"></a> 方式二：设置onclick <a href="/" onclick="test();return false;"></a> 或 <a href="/" onclick="test();event.returnValue=false;"></a>
Vue3前端开发自学demo,事件修饰符-阻止默认事件和冒泡事件
最新发布
yrldjsbk的博客
01-06 773
下面演示的代码是，vue3前端开发技术里面经常遇到的，阻止默认事件，例如，阻止a标签的href属性，跳转到一个别的地址去。这是传统的方式，阻止默认事件的发生。但是在vue3开发里面，为了节省程序员的开发时间，提升办事效率，植入了很多修饰符。同理，如果你想阻止冒泡事件，只需要写成【@click.stop】即可实现了。直接在事件后面使用.prevent即可实现，阻止默认事件的效果。如图片指向的位置，就是，vue3的事件修饰符，效果案例展示。Vue3前端开发自学demo,事件修饰符-阻止默认事件。
css - 如何禁用 ＜a＞ 标签点击，让 ＜a＞ 标签实现 disabled 禁用效果（鼠标无法触发点击事件）
高级前端工程师
02-06 1万+
css中的a标签无disable属性,如何禁用a标签的点击事件css 禁用 a 标签vue项目禁用a标签的点击事件css里a标签禁用css中如何禁用a标签按钮CSS-禁用a标签css如何禁止a标签跳转怎样禁用css中a标签按钮css如何让a标签不可用使用纯css禁用html中a标签无需JavaScript怎样禁用css中a标签按钮css如何让a标签不可用css如何禁止a标签跳转css 控制a标签 禁用html的a标签disabled禁用处理jquery怎么禁用a标签css如何设置a标签不可点击CSS-but
a标签 href禁止跳转
weixin_44111176的博客
11-14 4262
当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： <a href="javascript:void(0);" >点此无反应javascript:void(0)</a> <a href="javascript:;" >点此无反应javascript:</a> 标签事件onclick......
a img禁用referer
小龙在线
04-05 1673
用超链接的方式从一个网站跳转到另外一个网站，会报无权限等错误，而直接打开就不报错。 从一个网站引用另一个网站的图片，会显示防盗链的图片。。。 很大的原因就是服务器检查了referer，判断是否来自自己的服务器，如果不是的话，就返回个错误。如果想跳过这些检查，就需要把浏览器默认加的referer去掉。这里有四种方法： 方法一：HTML全局禁用referer <meta name="referrer" content="never"> 其中content有四种类型的值： 类型 含义
禁用html a标签href
mawj0326的博客
07-05 6180
1、 禁用a标签的属性~//无效   &lt;a href='#' disabled = 'true'&gt;上一页&lt;/a&gt;  2、  禁用a标签的javascript写法~//无效    &lt;a href='javascript:void(0)'&gt;&lt;/a&gt;  3、使用js移除属性href~这个方法才是最可靠最有效的。 a.removeAtt...
IE6中a标签location.href失效解决方法
哲
07-22 1211
IE6中a标签location.href失效解决方法
禁用页面中的a标签，使其不可跳转
FaceCreazy
04-26 1万+
Document $(document).ready(function(){ $('a').click(function(event){ return false; }); }) 百度一下 方式二： 设置a标签href="javascript::"
屏蔽<a>标签的href跳转功能
大数据训练营
11-10 8510
点我跳转
【HTML】<a>标签href属性不跳转问题
黄晓智的博客
10-28 4万+
最近由于项目需要，支援到了微信公众号开发小组，在调试过程中发现，部分页面的跳转，在iOS的微信公众号上无法跳转，始终在原来的页面上。但是在安卓的微信公众号上却能够完美跳转。按理说同是腾讯旗下的微信，同样的URL，不应该会出现这样的情况。 经过与度娘半个小时的交流，最后找到两个方案，别问我为什么需要找这么久，因为这个问题我都不知道怎么描述。 方案一： 在你的URL最后添加一个随机的参数，这样写
禁用a链接
Zoe_Wang_ing的专栏
10-24 4906
在bootstrap中，a链接 加上 class=".btn" 时，给a链接 disabled 属性 可实现禁用 a 链接（包括 a链接的 onclick事件） 在平时应用 a 链接时，ie8 到 ie11 支持 disabled 属性，且 可以 禁用 a 链接（包括 a链接的 onclick事件） 后经本人各种虐，终于虐出了原因，发现了一个css3 新生属性 pointer-even
阻止a标签默认行为的几种简单方法
热门推荐
judas_jia的博客
04-16 9万+
以下简单总结以下a标签阻止默认行为的几种简单方法，希望可以对有需要的朋友有些帮助， (1)    Click Me   onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。  Click Me   和void(0)一样，都返回"undefined" (2)  Click Me   是网上很常见的代码，
js设置a标签href不跳转 禁止跳转
Talk is cheap, show me the code!
04-24 2万+
转自： http://www.cnblogs.com/lipanpan/p/4095524.html1.方法当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法：1.标签属性href，使其指向空或不返回任何内容。如：<a href="javascript:void(0);" >点此无反应javascript:void(0)</a><a href="javascript:;" >点此无反应
JS:<a>链接禁止跳转
牟童的博客
08-07 5158
要求是点击a链接，实现图片的变换。 那么方法是在点击（onclick）a链接时，通过一个方法实现图片变换 原代码为： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;just a practice&lt;/title&a
window.location.href 跳转微信公众号页面 没有关注按钮是为甚恶魔
07-08
如果在使用`window.location.href`跳转到微信公众号页面后，没有看到关注按钮，可能有以下几个原因： 1. 跳转链接不正确：请确保跳转链接是正确的。你可以在浏览器中手动输入链接，看看是否能正确显示关注按钮。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值