HTML问题，a href =" "和 a href ="#"这两个有什么区别？

最新推荐文章于 2021-08-24 09:55:32 发布
最新推荐文章于 2021-08-24 09:55:32 发布
阅读量1.6k 收藏 7
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/windly/p/5698677.html
本文解析了HTML中a标签的不同用法及其效果。包括a标签默认行为导致页面刷新，以及使用#伪协议使页面滚动至顶部的现象。

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

a href ="" 默认打开的还是当前页面，会刷新一下重新打开。
a href ="#" 浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。

转载于:https://www.cnblogs.com/windly/p/5698677.html

链接中的href=#是什么意思呢
12-13
链接当前页面。 －－－－－－－－－－－－－－－－－－－ 通常有如下用法： <a>关闭</a> 将href="#"是指联接到当前页面，其实是无意义的，页面也不会刷新，关键是后面的onclick，当点击“关闭”时，会执行window.close()代码。 你或许会说为什么不直接写成<a>关闭</a> 如果这样写，关闭这两个字就不会作为超联接处理，效果看上去会差一些。你可以自己试试。在制作网页时html语言里的参数，用于指定链接的url ####就是本页链接，href="地址"就是
详解a href=#与 a href=[removed]void(0) 的区别
09-28
在HTML中，`<a>`标签通常用于创建超链接，而`a href="#"`和`a href="javascript:void(0)"`是两种常见的用法，它们之间有着显著的区别。 首先，`a href="#"`是一个指向页面内部锚点的链接。默认情况下，`#`代表页面...
href="#"与href="javascript:void(0)"的区别
zhisheng00的专栏
07-15 600
"＃"包含了一个位置信息 默认的锚点是＃top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者&lt;input onclick&gt; &lt;div onclick&gt;等 打开新窗口链接的几种办法 ...
【原创】链接中 href='#' 和 href='###' 的区别
〖海风吹过〗
03-26 1万+
标签 + onclick={jscode} 是很常用的一种 js 运用方式，而不使用 href=javascript:{jscode} 是为了兼容多种浏览器对 标签的解释和处理不同。使用 标签 + onclick={jscode}  时经常会加一个 href=###，而有时这个 href=### 会被误写为 是因为使用者没有理解 # 和 ### 的区别，
HTML问题 a href=" " 与 a href="#" 两者的区别
dixianglan0522的博客
05-18 238
转载于:https://www.cnblogs.com/vblogs/p/6873021.html
<a href="#">什么意思
weixin_33964094的博客
01-21 472
转自：https://zhidao.baidu.com/question/67668291.html &lt;a href="#"&gt;是链接到本页，因为你有的时候需要有个链接的样式，但是又不希望他跳转，这样写，你可以把这个页面去试试&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...
详解Html a标签中href和onclick用法、区别、优先级别
08-31
在`<a>`标签中，`href`和`onclick`是两个重要的属性，它们各自有不同的用途和交互方式。 `href`属性是`<a>`标签的核心属性，用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL，指向另一个网页；也可以是一个...
html-空链接-href=“#＂与href=＂javascript-void(0)”的区别.doc
12-08
在这个文档中，我们将详细探讨两种常见的空链接写法：`href="#"`和`href="javascript:void(0)"`。 首先，我们需要理解`href="#"`的含义。通常情况下，`#`符号在URL中用来指定页面上的锚点，也就是页面内的一个具体...
浅谈href=#与href=[removed]void(0)的区别
10-27
其中，"href#"和"href=javascript:void(0)"是两种常见的链接形式，尽管看起来相似，但它们在实际应用中有着本质的不同。 首先，"href#"在HTML超链接中用于定位到当前页面的某个部分。通常，"#"后面会跟上一个锚点...
html超级链接a的click事件之后跳转href所指向的地址
12-13
为了解决这个问题，有两种常见的解决方案： 1. 在`onClick`事件中添加`return false;`语句。这将阻止事件的默认行为，即防止`<a>`标签进行href所指向的跳转。修改后的代码如下： ```html <a href="#" onClick=...
链接中 href='#' 和 href='###' 的区别以及优缺点
CherishL_的专栏
01-30 916
https://www.cnblogs.com/cssfirefly/p/3865926.html 首先，a 标签 + onclick=’{jscode}’ 是很常用的一种 js 运用方式，而不使用 href=’javascript:{jscode}’ 是为了兼容多种浏览器对 a标签的解释和处理不同。其次，使用 a 标签 + onclick=’{jscode}’ 时经常会加一个 href=’#
html href里面#
weixin_43564529的博客
08-24 650
href=“#”表示不刷新页面，依然停留在当前页面。 href=“###”锚点的效果，页面较长是，单击以后依然停留在当前位置。
href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍
三丰的专栏
05-15 2662
href='#'： 我们有时会写这样的连接xxx为了不发生跳转，其实是不太正确的，因为href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，其实它是发生了跳转的，每次都跳转到网页的顶端，如果你的网页只有一屏，当然看不出来，但是会有问题，因为每次点击都发生了跳转，所以，如果频繁点击会导致浏览器巨慢甚至崩溃。 href='###'： 这种写法是个人习惯问题，解释一下就会
html中href="#"是什么意思
thunder_1985的专栏
10-22 1万+
XXX  href="#"是一种临时链接的写法，这样写就是说这个链接目前不可用，点击了也不会有作用，还是会跳转到本页，当#被有效链接替换才会起作用  连接到当前页并指向锚点   经常是在页内定位时使用锚点
<a> href=javascript://与href="#"的区别
leon
07-29 7596
＃包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0)  仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃，可是跳动到了页首而javascript:void(0) 则不是如此。所以调用脚本的时候最好用void(0)。或者、等
链接link使用href=“#”和href="##"的区别
weixin_34380296的博客
11-19 600
　　若点击一个href=“#”的链接，页面会跳转到当前页面的顶端。 　　但若设置href="##"时，则页面跳转无反应。 　　换言之，就是屏幕原来显示的位置在何处，点击链接后，屏幕显示的位置仍在何处。 转载于:https://www.cnblogs.com/andy-and-bella/p/6081076.html...
a href="#"
weixin_33737774的博客
06-19 385
2019独角兽企业重金招聘Python工程师标准>>> ...
【html】<a href="#">、<a href="">
jrwykkll的专栏
03-31 1403
新建文本文档.html： 点点 点点 在utraledit浏览器视图中打开： 第一个链接点后没什么反应 第二个链接点后： 在浏览器中打开： 第一个链接点击后： 第二个链接点击后没什么反应
href=“#“是什么意思呢?
热门推荐
Ice Point.
10-26 1万+
“#”的意思是链接当前页面。 一般的格式是： <a href="#"></a> href在是CSS代码的一种意思是指定超链接目标的URL。 在HTML和jsp中作用一般为插入超链接，“#”是默认的当前页面，可以把#后面加上想要跳转的页面。 <a href="#" οnclick="window.close()">关闭</a> 。 将href="#"是指链接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的 οnclick="window.close
<a class="px" href="#horizon-backend">horizon-backend</a> 这个css怎么选择器
最新发布
03-10
### 如何使用CSS选择器匹配特定HTML元素 对于带有类 `px` 和 `href` 属性值为 `#horizon-backend` 的 `<a>` 标签，可以利用组合的选择器来实现精确匹配。具体来说，可以通过类选择器和属性选择器相结合的方式完成这一目标。 #### 类选择器与属性选择器结合 - **类选择器** 使用点号 (`.`) 后跟类名表示，用于选取具有指定类的元素。 - **属性选择器** 则通过方括号包裹属性名称及其可能带有的值的形式展示，用来定位拥有某些特性的标签。 因此，针对上述需求，完整的 CSS 选择表达式如下所示： ```css a.px[href="#horizon-backend"] ``` 此语句解释为：寻找所有的 `<a>` 元素，这些元素需同时满足两个条件——其一，它们属于名为 `px` 的样式类别；其二，它们含有 `href` 属性且该属性的具体取值正好等于字符串 `#horizon-backend`[^1]。 为了更直观理解这个概念，下面给出一段 HTML 片段以及相应的 CSS 规则应用实例： #### 实际案例演示 假设存在以下结构化的网页文档片段： ```html <!-- 假设这是页面中的部分内容 --> <div> <a class="px" href="#horizon-backend">连接到后台</a> <!-- 符合条件的目标元素 --> <a class="py" href="#other-link">其他链接</a> <span class="px"></span> </div> ``` 现在希望仅改变第一个锚点的颜色而不影响其余部分，则可以在外部样式表或内联样式中加入这样的声明： ```css /* 应用样式 */ a.px[href="#horizon-backend"] { color: blue; } ``` 这样就实现了对特定 `<a>` 标签样式的精准控制[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值