html 空链接 href="#"与href="javascript:void(0)"的区别

最新推荐文章于 2021-09-19 10:01:08 发布

前端开发这活儿

最新推荐文章于 2021-09-19 10:01:08 发布

阅读量470

点赞数

本文解释了HTML中href=#与href=javascript:void(0)的区别。前者通常用于页面内的锚点定位，可能跳转到页面顶部；后者则常用于不希望实际跳转的情况，仅调用JavaScript脚本。

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

以前一直以为两者结果一样

实际上不同

href="#"
//表示锚链接 有时候可能会跳到页首

href="javascript:void(0)"
//死链接 调用脚本时使用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端开发这活儿

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html怎么设置空链接,HTML a标签之空链接

weixin_28792813的博客

06-17

6099

文章目录`` 标签介绍空链接的作用以及``和``的区别标签介绍是HTML的标准标签之一，称为链接或是超链接标签。这个标签作用是定义一个锚(anchor),根据链接的目标的差异，分为两种状况：指定一个其他文档的外部连接(href指定地址)；点击链接跳转到新的页面，是在原窗口还是新开窗口可以通过target属性设置。创建一个本文档内部的链接。(href的值设置为#+元素的name或id)，点击页面定...

JavaScript链接中应该使用“href=“#“还是“javascript:void(0)“？

Jerry学长

05-30

631

对于只执行JavaScript代码的链接，比href="#"更加可靠和稳定。然而，最优的做法是不使用链接元素，而是使用标签，并通过CSS进行样式化，然后在JavaScript中为其绑定事件。这样不仅能提高代码的可维护性，还能确保页面的语义正确性和可访问性。如果你开发的是公共网站，应始终参考最佳实践，努力实现渐进增强和优雅降级。

参与评论您还未登录，请先登录后发表或查看评论

浅谈HTML空链接的作用

09-28

下面小编就为大家带来一篇浅谈HTML空链接的作用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

HTML空链接

做最不无聊的IT人

02-18

2663

HTML 中一般连接这样写 <a href="http://hi.baidu.com/lovesah">o﹎簡單﹖</a> 而空连接要这样写 <a href="#">o﹎簡單﹖</a> 但是发现,如果页面有滚动条,这时点这个所谓的空连接,页面会跳转到当前网页的头部. 真正的空连接应该这样写 <a href="#XXX"&am

html 空链接 href=“#＂与href=＂javascript:void(0)”的区别

jsd2root的博客

04-26

356

注意是跳动到了页首的区别，最好用void(0) 用户体验好点。 #包含了一个位置信息，默认的锚是#top 也就是网页的上端，而javascript:void(0) 仅仅表示一个死链接，不会发生页面跳动。

html-空链接-href=“#＂与href=＂javascript-void(0)”的区别.doc

12-08

在这个文档中，我们将详细探讨两种常见的空链接写法：`href="#"`和`href="javascript:void(0)"`。首先，我们需要理解`href="#"`的含义。通常情况下，`#`符号在URL中用来指定页面上的锚点，也就是页面内的一个具体...

html 空链接 href="#"与href="[removed]void(0)"的区别

09-28

在HTML中，`href="#"` 和 `href="javascript:void(0)"` 都常用于创建空链接，即点击后无实际跳转行为的链接。它们虽然在视觉效果上可能相似，但在实际应用和用户体验上存在一定的差异。 1. **`href="#"`** 当设置...

空链接 href=＂#＂与href=＂javascript-void(0)＂的区别.docx

11-24

### 空链接 `href="#"` 与 `href="javascript:void(0)"` 的区别在Web开发中，我们经常会遇到两种类型的空链接：一种是使用 `href="#"`，另一种则是使用 `href="javascript:void(0)"`。这两种写法在实际应用中看...

详解a href=#与 a href=[removed]void(0) 的区别

09-28

在HTML中，`<a>`标签通常用于创建超链接，而`a href="#"`和`a href="javascript:void(0)"`是两种常见的用法，它们之间有着显著的区别。首先，`a href="#"`是一个指向页面内部锚点的链接。默认情况下，`#`代表页面...

HTML - 空链接

weixin_57764321的博客

09-19

4773

当你在HTML中设置超链接时可能会遇到的问题， 1、当你给a标签设置herf属性时，如果我们不想让页面进行转跳时我们可以给出下列样式； <a herf=” ”>点我</a> <a herf=”#”>点我</a> ...

href 空链接

weixin_30731305的博客

02-14

一个#容易回到顶部可以用： href="###"href="javascript:;"href="javascript:void(0);" 转载于:https://www.cnblogs.com/yuteng/archive/2011/02/14/1954155.html

网页中用哪种空链接

weixin_30932215的博客

10-25

163

1.对于空链接的处理一般情况下这三种比较常见： 1）<a href="###">链接一</a> 2）<a href="javascript:void(0)">链接二</a>或者<a href="javascript:void(0);">链接二</a> 3）<a href="javascript:">链接三&l...

笑谈HTML中的空链接

qq_45941400的博客

03-18

1091

今天在教室里面我们班的一个同学在说关于HTML中的超链接时，他说超链接中的空链接时，说#的空链接不会发生任何变化，我就和他争论起来，我说#的空链接是回到网页的顶部，结果声音很大，引起了同学的笑声。最后我让他自己运行一遍看看是谁说的对，结果是我说的对。这里关于HTML中的超链接中的空链接是有两个，下面我就来说说这两个空链接的区别：首先我们知道HTML中的超链接写法 <a href="https://www.baidu.com">百度一下，你就知道</a> 下面就来说说空的超链接首

在HTML中怎么创建空链接,以下能够创建空链接是()

weixin_33752006的博客

06-16

1593

【说明】以下【C++程序】用于实现两个多项式的乘积运算。多项式的每一项由类Item描述，而多项式由类List描述。类List的成员函数主要有：createList()：创建按指数降序链接的多项式链表，以表示多项式：reverseList()：将多项式链表的表元链接顺序颠倒：multiplyList(ListL1，ListL2)计算多项式L1和多项式L2的乘积多项式。【C++程序】include ＜...

HTML空链接的作用

limlimlim的专栏

01-15

4761

空链接: 就是没有目标端点的链接。格式显示内容空连接的作用 1.设为首页 onclick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.sohu.com')">设为首页 2.添加收藏 onclick="javascript:window.external.add

什么是html空链接,html空链接href=“#＂与href=＂javascript-void(0)”的区别.pdf

weixin_32473663的博客

06-29

497

注意是跳动到了页首的区别，最好用 void(0) 用户体验好点。#包含了一个位置信息，默认的锚是 #top 也就是网页的上端，而 javascript:void(0) 仅仅表示一个死链接，这就是为什么有的时候页面很长浏览链接明明是...

html要定义一个空链接,河南城建学院期末考试网页制作复习题

weixin_35012431的博客

06-28

379

html图像与链接类标签a -- html链接标签aimg -- html图像标签imghtml文字相关标签h -- 定义标题1至标题6 h1, h2, h3, h4, h5, h6p -- html段落标签pdiv -- html层divstrong -- 定义要强调显示的内容stronghtml列表标签ul -- 定义html列表ulli -- 定义html列表内容li1、(1)网页(Web ...

href="javascript:void(0)