html链接不跳转

最新推荐文章于 2022-03-08 10:15:19 发布
最新推荐文章于 2022-03-08 10:15:19 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： 基础 前台开发 前台 文章标签： html a 链接
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gcangle/article/details/50444986
版权
基础 同时被 3 个专栏收录
11 篇文章 0 订阅
订阅专栏
前台开发
4 篇文章 0 订阅
订阅专栏
前台
1 篇文章 0 订阅
订阅专栏

有些时候需要用到链接的样式但是希望点击后不跳转页面。

常见的做法是

<a href="#">这是链接</a>
然而实际上这种写法是不保险的，实际是跳转到了一个空的锚点细心的网友可以发现URL实际是是有改变的。要实现彻底的不跳转真正的写法是屏蔽掉跳转动作 

<a href="javascript:void(null);">这是链接</a>
这样一来跳转动作将不会执行，而又保留了链接的样式


gcangle
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html超级链接a的click事件之后跳转href所指向的地址
09-28
需要使用a这个超级链接，而又不使用href来完成跳转，在执行完了onClick事件后，a又去跳转href所指向的地址了，下面由两种不错的解决方法，希望对大家有所帮助
html中a连接不跳转的写法
Java Farmer
06-09 1万+
------------------------------------------------------------------------------- 如果是个# ，就会出现跳到顶部的情况,个人收藏的几种解决方法： 1： 2： 3： 4： 5：(好像在FF中不能显示) --------------------------------------------------
html中点击A超链接使其不跳转
程宇寒
02-28 5241
今天在写一个javaScript中事件对象和事件冒泡的案例，发现事件冒泡的preventDefault()函数的作用是阻止事件默认属性，突发奇想，觉得可以用在html中点击A超链接使其不跳转 <a href="http://www.baidu.com" id="go">我是一个超链接</a> <script type="text/javascript"&g...
Html实现局部发送验证（页面不跳转）
你我皆是黑马
03-08 865
Html实现局部发送验证（页面不跳转） 场景 1、html页面 <label class="txtin-box"> <input class="txtin" type="email" id="email" name="email" placeholder="邮箱" required/> </label> <label class="txtin-box txtin-box-code"> <input class="txtin" type=
基础的HTML页面，测试页面是否能跳转
你好，我是小新，很高兴认识你！
12-28 340
测试页面跳转HTMl
深入A标签点击触发事件而不跳转的详解
langqiao123的专栏
02-10 9320
本文介绍下，当点击A标签时，触发事件但不跳转的实现方法，有需要的朋友参考下吧。 点击页面上的空链接，点击后页面自动刷新，并会定位到页面顶端。 不过，有时需要点击#页面但不作跳转，可以这样写:   脚本学堂---网站编程 在#后加上点别的东西即可，这样就不会链到别的页面，也不会刷新定位到顶端了。 附，A标签点击触发事件但不跳转的实现方法。
一个超炫酷的跳转页面 HTML
09-01
综上所述，这个"超炫酷的跳转页面 HTML"项目涉及到HTML的基本结构和链接功能，JavaScript的动态效果和页面跳转控制，以及CSS的样式设计和动画效果。通过这些技术的组合，可以创建出吸引用户并有效引导他们到目标页面...
html页面跳转传递参数问题
12-14
点击跳转按钮后 在b页面可以获取到对应的值。 代码如下： a页面:   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> [removed][removed] [removed][removed] <...
点击按钮或链接不跳转只刷新页面的脚本整理
09-04
在网页设计和开发中，有时我们需要实现一个功能，即用户点击按钮或链接后，页面不进行跳转而是仅刷新当前页面。这种需求可能出现在需要更新数据、重新加载动态内容或者确保用户始终留在同一页面的场景。以下是一些...
HTML输入密码自定义跳转页面源码
最新发布
12-23
1. HTML基础：如何创建基本的HTML结构，使用`<form>`和`<input>`标签创建表单，以及如何链接CSS和JavaScript文件。 2. CSS：理解选择器、属性和值，以创建和应用样式规则。 3. JavaScript基础：如何使用JavaScript...
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
【HTML】<a>标签href属性不跳转问题
黄晓智的博客
10-28 4万+
最近由于项目需要，支援到了微信公众号开发小组，在调试过程中发现，部分页面的跳转，在iOS的微信公众号上无法跳转，始终在原来的页面上。但是在安卓的微信公众号上却能够完美跳转。按理说同是腾讯旗下的微信，同样的URL，不应该会出现这样的情况。 经过与度娘半个小时的交流，最后找到两个方案，别问我为什么需要找这么久，因为这个问题我都不知道怎么描述。 方案一： 在你的URL最后添加一个随机的参数，这样写
html中href设置不跳转
qq_16853655的博客
01-10 1178
html中，<a href="xxx"></a>是一个超链接的标记，但是有时候不想要这个超链接，但删除后，会影响样式的时候，可以采取以下三种方式，来设置： href="" 此方法中，url路径不变，但是仍会刷新跳转回当前页面 href="#" 此方法，url路径中会自动添加“#”，但不跳转，会直接返回到页面顶部，类似返回顶部按钮 href=“javascript...
HTML点击按钮或链接不跳转只刷新页面的方法
bobo_supper的博客
03-29 1万+
HTML中点击按钮或链接时不跳转只刷新页面，在某些情况下还是比较实用的，下面整理些不错的示例，感兴趣的朋友可以参考下：
点击超链接不跳转,不刷新页面
世上无难事，只要肯攀登
02-22 3万+
本文转载自：http://heisetoufa.iteye.com/blog/1766957 让超链接点击后不跳转,可以用href = "#"，但是这个#就会锚点到页面最上边      点击链接后不跳转可以设置成      1.javascript:void(0);      2.javascript:;      3.return false;          4.return f
eclipse：自动调整代码格式
热门推荐
gcangle的专栏
01-04 5万+
0 快捷键 Ctrl + Shift + F  或者 右键 source -> format 1 设置自己的style 如果需要设置自己的风格 window -> preference -> java ->code style ->formatter new 一个 然后 选中后edit 设置成自己的风格，就OK了
如何使用表达式控制html链接不跳转
04-05
可以使用JavaScript来实现控制HTML链接不跳转。具体方法如下： 1. 给需要控制的链接添加一个点击事件处理函数，阻止链接默认的跳转行为： ```html ;">不跳转的链接 ``` 2. 使用JavaScript来处理链接点击事件，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值