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

最新推荐文章于 2024-12-02 22:59:28 发布

IT_时雨

最新推荐文章于 2024-12-02 22:59:28 发布

阅读量7.4k

点赞数 4

分类专栏： 2017年9月学习

2017年9月学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

IT_时雨

关注关注

4
点赞
踩
6

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

链接中的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="#"`是一个指向页面内部锚点的链接。默认情况下，`#`代表页面...

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

【HTML 面经】src 和 href 的区别详解

lph159的博客

12-02

2038

在 Web 开发中，我们经常会看到 `src` 和 `href` 这两个属性，特别是在 HTML 中，它们用于指定资源的位置。虽然它们看起来非常相似，但实际用途却大不相同。理解这两者的区别是前端开发的基础，尤其是当你进行面试时，掌握这些基础知识能够帮助你轻松回答相关问题。本文将详细解析 `src` 和 `href` 的使用场景、作用以及它们之间的区别。

href="#"与href="javascript:void(0)"的区别

zhisheng00的专栏

07-15

575

"＃"包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等打开新窗口链接的几种办法 ...

【原创】链接中 href='#' 和 href='###' 的区别

热门推荐

〖海风吹过〗

03-26

1万+

标签 + onclick={jscode} 是很常用的一种 js 运用方式，而不使用 href=javascript:{jscode} 是为了兼容多种浏览器对标签的解释和处理不同。使用标签 + onclick={jscode} 时经常会加一个 href=###，而有时这个 href=### 会被误写为是因为使用者没有理解 # 和 ### 的区别，

HTML问题 a href=" " 与 a href="#" 两者的区别

dixianglan0522的博客

05-18

220

转载于:https://www.cnblogs.com/vblogs/p/6873021.html

详解Html a标签中href和onclick用法、区别、优先级别

08-31

在`<a>`标签中，`href`和`onclick`是两个重要的属性，它们各自有不同的用途和交互方式。 `href`属性是`<a>`标签的核心属性，用于指定链接的目标地址。它可以是一个HTTP/HTTPS 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=...

a标签的href与onclick事件的区别详解

12-09

`href`和`onclick`都是`<a>`标签的重要属性，它们各自承担着不同的职责，但在某些场景下可能会同时使用，这就涉及到它们之间的区别和交互。 1. **事件顺序**：当一个`<a>`标签同时具有`href`和`onclick`时，`...

<a href="#">什么意思

weixin_33964094的博客

01-21

455

转自：https://zhidao.baidu.com/question/67668291.html <a href="#">是链接到本页，因为你有的时候需要有个链接的样式，但是又不希望他跳转，这样写，你可以把这个页面去试试<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...

链接中 href='#' 和 href='###' 的区别以及优缺点

CherishL_的专栏

01-30

903

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

623

href=“#”表示不刷新页面，依然停留在当前页面。 href=“###”锚点的效果，页面较长是，单击以后依然停留在当前位置。

href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍

三丰的专栏

05-15

2632

href='#'：我们有时会写这样的连接xxx为了不发生跳转，其实是不太正确的，因为href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，其实它是发生了跳转的，每次都跳转到网页的顶端，如果你的网页只有一屏，当然看不出来，但是会有问题，因为每次点击都发生了跳转，所以，如果频繁点击会导致浏览器巨慢甚至崩溃。 href='###'：这种写法是个人习惯问题，解释一下就会

html中href="#"是什么意思

thunder_1985的专栏

10-22

1万+

XXX href="#"是一种临时链接的写法，这样写就是说这个链接目前不可用，点击了也不会有作用，还是会跳转到本页，当#被有效链接替换才会起作用连接到当前页并指向锚点经常是在页内定位时使用锚点

<a> href=javascript://与href="#"的区别

leon

07-29

7579

＃包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃，可是跳动到了页首而javascript:void(0) 则不是如此。所以调用脚本的时候最好用void(0)。或者、等

链接link使用href=“#”和href="##"的区别

weixin_34380296的博客

11-19

578

　　若点击一个href=“#”的链接，页面会跳转到当前页面的顶端。　　但若设置href="##"时，则页面跳转无反应。　　换言之，就是屏幕原来显示的位置在何处，点击链接后，屏幕显示的位置仍在何处。转载于:https://www.cnblogs.com/andy-and-bella/p/6081076.html...

a href="#"

weixin_33737774的博客

06-19

370

2019独角兽企业重金招聘Python工程师标准>>> ...

<body><a href='#'</a></body>涉及几个节点

最新发布

12-28

### HTML标签对应的DOM节点对于一段简单的HTML结构 `<html><body><a href="http://example.com">链接</a></body></html>` 来说，这段代码会创建多个DOM节点。具体来说： - `html` 标签会被解析成一个元素节点。 - `body` 标签同样被解析为另一个独立的元素节点。 - `a` 标签也会成为单独的一个元素节点。除了上述提到的元素节点之外，还有其他类型的节点存在。例如，在 `a` 标签内的文本 `"链接"` 将作为该元素下的文本节点处理[^1]。因此，仅考虑这三种标签的情况下，至少会有四个主要的DOM节点被创建出来：一个是根部的 `html` 元素节点；其下有一个子级 `body` 元素节点；再往下还有一个子孙级别的 `a` 元素节点加上它内部的一条文本节点。如果按照标准文档对象模型（Document Object Model），每个开始标签和结束标签之间都可能包含着更多不同种类的小型节点，比如注释节点或空白字符形成的文本节点等。不过通常情况下开发者关注更多的是那些具有实际意义的元素节点及其关联的内容节点。 ```javascript // 使用JavaScript模拟创建类似的DOM结构，并统计节点数目的例子 const htmlElement = document.createElement('html'); const bodyElement = document.createElement('body'); const anchorElement = document.createElement('a'); anchorElement.setAttribute('href', 'http://example.com'); anchorElement.textContent = '链接'; bodyElement.appendChild(anchorElement); htmlElement.appendChild(bodyElement); console.log(htmlElement.childNodes.length); // 输出2, 表示有<html>下面有两个孩子节点<body>和任何潜在的文本/空白节点 console.log(bodyElement.childNodes.length); // 输出2, 同样表示<a>标签前后的空白符也可能被视为文本节点 ```