阻止a标签默认跳转

最新推荐文章于 2024-04-03 10:45:42 发布
最新推荐文章于 2024-04-03 10:45:42 发布
阅读量6.3k 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42442123/article/details/83650193
版权 
 <a href="javascript:void(0)">aaa</a>

href的作用：
当：前面是http协议时，点击a标签，会将浏览器的地址栏切换成href中指定的地址
当：前面是javascript伪协议时,则是告诉浏览器接下来要执行javascript代码

void是运算符，执行void后面的表达式，始终返回的是undefined.所以也可以写成

 <a href="javascript:undefined">aaa</a>

更方便的是

<a href="javascript:;">aaa</a>
南南合作
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue a标签点击实现赋值方式
12-28
如下所示： ...补充知识：VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符 运用： .prevent 阻止默认行为 <a>点击</a> .stop 阻止冒泡，只执行 start 不执行 end <input type=button
关于a标签的点击事件
weixin_33736832的博客
07-14 991
为什么80%的码农都做不了架构师？>>> ...
a标签使用方法和跳转方式
YX_PJJuan的博客
03-25 2万+
1、a标签的跳转方式和使用方法 a元素最重要的属性是 href 属性，它指示链接的目标。 a标签的跳转方式有五种： 写法为 <a href="http://vue.ydui.org/docs/#/flexbox" target="value"></a> _blank表示跳到新页面打开，打开一个新窗口 _self表示当前页面打开链接 _parent表示在父集框架中打开 _top表示在整个窗口中打开 framename表示在指定的框架中打开 需要哪种方式跳转到页面，即需要在targ
HTML - 请你说一下如何阻止a标签跳转
最新发布
xingyu_qie的专栏
04-03 444
意思就是void后面的小括号内，正常情况下是可以有Javascript代码的，但这里使用0做为表达式，也就是当用户点击a标签的时候，void(0)的计算值就是0，不会发生任何事情，从而阻止了a标签的跳转。a标签的默认语义化功能就是超链接，HTML给它的定位就是与外部页面进行交流，不过也可以通过锚点功能，定位到本页面的固定id区域去。还有说出javascript:void(0)的含义，这虽然不是什么难点，但在回答这道题的时候，即便面试官不问，自己也应该主动说出来，这种主动性绝对会。
阻止a标签跳转的5种方法
jerisem的博客
08-04 2万+
阻止a标签的默认跳转行为，给 a 标签的返回添加一个false 1、在标签里面添加点击事件，直接 return false <ahref="https://www.jd.com"onclick="alert('哈哈');returnfalse;">跳转1</a> 2、在函数内直接return false （用的最多） <a href="https://www.jd.com" id='link2'>跳转2</a> <script>...
阻止a标签默认事件的几种简单方法
wangcuiling_123的博客
06-27 2万+
第一种： 百度 或者百度 测试：（可行）百度 百度1 function myjs(){ alert("a标签默认事件被阻止，执行js函数"); } 第二种：百度 (最常见的，但是点击后页面会返回到顶部，不可用)；所以又有了百度或者百度 测试： 百度 百度1 百度2 function myjs(){ alert("a标签默认事
实现a标签中的各种点击（onclick）事件的方法
codeinglife的博客
06-29 2097
我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);" onclick="js_method(
javascript处理a标签超链接默认事件的方法
01-19
有时需要在a标签上添加click事件，并且跳转前处理一些事务,故需要做一些处理；通常前端会给出一个<a>link</a>来代表这个行为，有些还会这样写<a>link</a>或者<a>link</a>这样的写法，但这样并不兼容所有浏览器，有些...
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
09-04
取消浏览器对事件的默认行为(响应)(比如a标签的跳转等)并停止事件的继续传播，下面有一个不错的示例大家可以感受下
JS传播事件、取消事件默认行为、阻止事件传播详解
12-11
例如，表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单，再如a标签的onclick事件处理程序通过返回false阻止跳转href页面。类似地，如果用户输入不合适的字符，输入域上的onkeypress事件处理...
a标签和阻止事件冒泡
u013558123的博客
10-20 5713
昨天遇到一个奇葩问题，自己在<a>标签里面包了一个<img>标签，在<img>标签上定义了一个方法，点击方法用jqueryUI弹出窗口，结果点击图片的时候能正常的弹出窗口，但是很快一闪就自动关闭了，一直一位是冒泡的问题，但是写了阻止冒泡的方法还不行，后来以为是jqueryUI的问题，折磨了两个小时，最后把方法定义到<a>标签上，问题解决。原来是阻止冒...
a标签阻止跳转的几种方式
chair777_1的博客
02-02 7795
3种方法实现阻止a标签默认跳转事件
a标签不跳转
sinat_38992528的博客
12-06 1883
a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： 点此无反应javascript:void(0) 点此无反应javascript: 标签事件onclick，阻止其默认行为。如： return false; return false; 注意：只有
阻止a标签默认行为的几种简单方法
热门推荐
judas_jia的博客
04-16 9万+
以下简单总结以下a标签阻止默认行为的几种简单方法，希望可以对有需要的朋友有些帮助， (1)    Click Me   onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。  Click Me   和void(0)一样，都返回"undefined" (2)  Click Me   是网上很常见的代码，
阻止a标签跳转页面的三种方法
枕上白书的博客
08-27 3万+
1.最常见的，也是最常用的方法 &lt;a href="#" class="demo" &gt;&lt;/a&gt; 但是这种a标签会在页面比较长的时候回到页面顶部 2.onclick事件返回false &lt;a href="#" onclick="return false" &gt;&lt;/a&gt; 3.用href=”javascript
阻止a链接跳转方法总结
柠檬麻麻
08-15 1万+
有时我们会遇到这种需要在a标签上添加click事件，并且跳转前处理一些事务,因此需要做一些处理，看很多人会这样写 <a href="#">link</a>， 但是发现点击后页面返回了顶部，所以又出现了这样的写法等 <a href="###">link</a> 但这样并不兼容所有浏览器，有些浏览器就会出现很怪异的形为。 因此，这个问题还需要其它方法来解决。 方法一<a href="jav
A标签阻止跳转
hongyanwang
06-14 3334
今天碰到项目问题： 后台给的接口去做导出Excel，现在要加个新的功能就是先判断一下。购物车里面是否有下架的商品。 这里用了A标签，需要阻止跳转进行验证， 总结以下a标签阻止默认行为的几种简单方法，希望可以对有需要的朋友有些帮助， (1) <a href="javascript:void(0);" onclick= "myjs( )"> Click Me </a> &l...
阻止a标签跳转
少油少盐不要辣
12-22 1384
可使用&lt;a href="javascript:void(0)"&gt;百度&lt;/a&gt;
阻止点击<a>标签链接跳转
weixin_30374009的博客
09-28 717
我们常用的在a标签中有点击事件（<ahref="地址">链接</a>），其中“href”参数只要不为空，点击该链接时，页面会自动跳转；如果指定的“href”不合法，页面会跳转到自身，也就是刷新。 1. a href="javascript:js_method();" 这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h...
js 阻止 a标签点击跳转的默认事件
06-01
要阻止 a 标签的默认跳转事件，可以使用 JavaScript 阻止默认事件的方法。可以通过给 a 标签添加 onclick 事件监听函数，在函数内部调用 event.preventDefault() 方法来阻止默认事件。代码如下： ```html <a href=...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值