解决a标签中的href="#"跳转到首页问题

最新推荐文章于 2025-06-02 19:54:50 发布
原创 最新推荐文章于 2025-06-02 19:54:50 发布 · 1.1w 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种常见的情况：当使用a标签并希望触发JavaScript函数而非进行页面跳转时，如何正确设置href属性来避免默认行为导致的问题。通过将href设置为javascript:void(0)，可以确保点击事件被JavaScript捕获而不会导致页面跳转。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本人在项目中遇到一个问题，写一个a链接标签如下：
<a href='#'  onclick=openMissionRptDetail()>test</a>


点击该链接时，页面没有调用openMissionRptDetail()函数，而跳转到了首页。

处理方法是把href改成href="javascript:void(0)",如下：

<a href='javascript:void(0)'  onclick=openMissionRptDetail()>test</a>


 

H5 <a>超链接，同一页面内部跳转和不同页面间的跳转
qq_42467563的博客
10-15 4万+
同一页面或者文件间的跳转： &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;超链接&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="#" name="ding"&gt;顶部&a
简单明了《a标签的href》跳转页面情况，看完秒懂！！！
Sestid的博客
06-03 1万+
概念 a标签的默认跳转链接行为是由href来实现的，同时设置href属性可以使a标签在hover状态下以手指指示的样式显示。但实际过程中发现对a标签的href属性的不同设置，可能会导致不同的行为反馈，故想要进行几种不同的设置情况总结一下。 1.a标签中设置href属性，没有赋任何值 <a href></a> 点击a标签会刷新页面，回到顶部。 2.a标签中设置href属性，赋值href="#" <a href='#'></a> ..
使用a标签href跳转到三方网站本地正常，部署到服务器上跳转失效
A-bing的博客
05-14 2591
#RT： 今天项目中碰到一个奇怪的bug；在页面上有超链接跳转到第三方的网站，本地测试是可以的，可是部署到服务器上跳转到了三方网站自己的其他页面（大概率是拦截处理的页面），按道理应该进入到主页的，想不通。 超链接很简单 <a href="http://www.abc.com" target="_blank" class="btn depart-btn mg-10 ">三方网站</a> 最后解决方案： 在a标签里加上这...
每天总结一个html标签——a标签
为你而战的博客
06-02 2772
HTML a标签详解 a标签是前端开发中最常用的HTML标签之一，主要用于创建超链接。其基本语法为<a href="目标地址">链接文本</a>，其中href属性指定跳转目标。a标签支持多种属性： 核心属性：包括href（指定链接地址）、download（下载文件）、target（打开方式）等 多样化跳转：可链接到网页、文件、邮箱、电话，甚至执行JavaScript代码 SEO相关属性：如rel属性可指定nofollow、noopener等关系 a标签支持常见DO
超链接href="#"点击后会回到页首的解决办法
yushuir的专栏
09-12 1243
网页的时候会经常使用到点击文字出现某种效果，这样就需要设置为超链接的方式，如果你写href="#"那么点击后会回到页首，这样影响操作。为了让点击不回到页首，有以下两种方式可以解决： &lt;a href="javascript:void(0)" onclick="window.open('yoururl')"&gt;人员管理&lt;/a&gt;&lt;a href="javascript:r.
糊糊的前端学习笔记——a标签点击跳转页面后，为被点击的a标签添加样式【Day1】
Amyhoo的博客
06-29 5352
本人前端小白一枚，初步接触前端知识一个月。从今天开始将在博客上分享一下我每日工作中遇到的一些问题和相应的解决，以帮助自己更好的学习和成长。 今天在制作网页顶部公共导航时，遇到这样一个问题，我需要在a标签点击跳转页面后，为被点击的a标签添加样式。 增添样式如下： .selected{ display:block;background-color: #E31D2C;color:#fff;
详解a href=#与 a href=[removed]void(0) 的区别
09-28
在处理页面跳转问题时，以下是一些替代`a href="#"`的解决方案： 1. `<a href="####"></a>`：连续的`#`符号可以避免页面滚动，但并不是标准做法。 2. `<a href="javascript:void(0)"></a>`：防止页面滚动，适合配合...
Vue 中 a标签上href无法跳转的解决方式
01-19
使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。 解决： 在App.vue 里增加判断IE浏览器手动修复…… export default { name: &#39;App&#39;, mounted(){ function checkIE(){ return &#39;-ms-scroll-...
Vue组件中a标签href跳转失效解决方法
最新发布
07-21
资源下载链接为： ...问题描述：在使用 Vue-Router 时，...当用户点击 <a> 标签且该标签的 href 属性以 #/ 开头时，阻止其默认的跳转行为，并通过 Vue-Router 的 push 方法实现路由跳转，从而解决 IE 下路由不跳转的问题。
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
10-15
本文将深入探讨如何解决在a标签的href属性中解析变量、添加默认域名端口以及正确跳转页面的方法。 首先，我们要明确Vue.js中的数据绑定机制。在Vue中，我们可以使用`v-bind`指令（简写为`:`)来动态地绑定元素属性，...
a标签跳转的时候会一直拼接项目地址
Tranquility_111的博客
09-27 1万+
要在href属性里面添加http:协议，如果要跳转至百度就href="http://www.baidu.com"
HTML 之 ＜a＞标签（超链接标签）
热门推荐
m0_64431500的博客
10-27 2万+
a> 标签定义超链接，用于从一个页面链接到另一个页面。
vue中a标签跳转问题：没有跳转到指定页面，而是在原有的地址进行拼接。
freedomlulux的博客
08-25 3743
问题： 在Vue当中使用a标签，<a href="www.baidu.com"> </a> 点击跳转后，本应该跳转到www.baidu.com，但是url实际地址是：http://localhost:8080/www.baidu.com。 修改如下：<a href="https://www.baidu.com"> </a>就可以避免以上问题。 算是遇到一个小坑，记录一下。 ...
a标签的href与页⾯跳转的默认⾏为
weixin_43343144的博客
05-07 231
参考：a标签的href与页面跳转的默认行为 - 百度文库
空链接点击后,页面会跳动问题 a href #号问题
yushuir的专栏
03-25 395
有些时候做的东西刚好要用到链接,但又不需要去链接,只需要对onclick事件进行处理,但它却这样子写 &lt;a href="#" onclick="gettext()"&gt;点击&lt;/a&gt; 当点击"点击"两个文字时,页面就会跳动.怎样使页面不跳动呢? 方法一:&lt;a href="###" onclick="gettext()"&gt;点击
a标签点击跳转之后返回url多了#以及相关问题
nn_nana的博客
11-24 6109
之前踩了一个很大的坑，坑长这样； 这样会出现的一个问题是点击了a标签实现了页面跳转和函数触发，但是页面跳转之后再返回当前页面的时候， URL的最末尾会多出一个#；百思不得其解，最后去掉了a标签或者把a标签换成div之后就会好了； 所以记住，a标签点击页面跳转之后返回当前页面URL会多一个#；换成其他标签就不会了；或者换成另外一种方法： href后面写成“javascript:;
a标签的页面跳转
杜永康的博客
08-31 1万+
百度一下
HTML通过href实现页面跳转的几种不同路径写法
T型人小付的博客
03-17 1万+
Html中利用a标签实现页面跳转是很常见的操作，但是其中的href怎么填却需要小心点。绝对路径，相对路径到底有什么区别，这一节我们一起用实例来看看。 我是T型人小付，一位坚持终身学习的互联网从业者。喜欢我的博客欢迎在csdn上关注我，如果有问题欢迎在底下的评论区交流，谢谢。 文章目录测试环境跳转的三种方式同网站相对路径同网站绝对路径不同网站绝对路径 测试环境 不同的浏览器也许前端的表现不太一样...
仅用a标签实现点击导航栏跳转到页面对应位置
amercury0818的博客
12-23 3025
a标签是最便捷的方式，不过没有下滑或者上滑的动画，是直接切换到指定位置的，适合新手
JS href=#
04-28
在 HTML 中，`<a>` 标签的 `href` 属性用于定义链接的目标地址。当设置为 `href="#"` 时，该值实际上是一个片段标识符（fragment identifier），表示链接指向的是当前页面内的某个锚点[^4]。默认情况下，如果没有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值