首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我应该将哪个"href"值用于JavaScript链接,"#"或"javascript:void(0)"?

在JavaScript链接中,您应该使用javascript:void(0)而不是#javascript:void(0)是一个空的JavaScript代码,它不会导致页面跳转或重新加载。这对于需要在单击链接时执行JavaScript代码但不需要导航到新页面的情况非常有用。

例如,您可以使用以下代码创建一个JavaScript链接:

代码语言:html
复制
<a href="javascript:void(0)" onclick="alert('Hello, world!')">点击这里</a>

当用户点击此链接时,将显示一个包含“Hello, world!”的警告框,而不会导致页面跳转。

如果您使用#作为链接的href值,那么在单击链接时,页面可能会跳转到顶部,这可能会导致不好的用户体验。

总之,如果您需要在单击链接时执行JavaScript代码但不需要导航到新页面,请使用javascript:void(0)作为链接的href值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 理解 javascript:void(0) 语句

    表达式插入网页可能会导致不良副作用时,通常会使用 javascript void。 其可以有效地消除这些负面结果,因为其返回未定义的原始。...javascript:void(0) 的一个常见用例是超链接。当需要在链接中调用 JavaScript 时,单击该链接通常会导致浏览器加载新页面刷新当前页面丢失当前滚动位置。...一种 JavaScript 代码直接嵌入 HTML 文档的方法。它可以用作超链接href 属性的或用作事件处理程序(如 onclick)的。...它经常用于通过使用 void(0) void 0 来简单地获取 undefined 原始。...使用 javascript:void(0) 作为 href 的目的是防止页面在点击链接时刷新和更改 URL。它通常在需要链接但不需要执行任何操作时使用。

    1.5K30

    Html标签href的困惑记载

    这边见大家都用。当然之前偶然看了张鑫旭一篇《疑问:为什么要使用href=”javascript:void(0);”?》...,从中窥测之前多用的是。但为什么要用这个,他本人也没弄明白,然后读完,也没明白。...坚信这一点。惹出些问题并不见得都是坏事。每每因为自己的造成的这些个问题,反倒收获不少,?。 之后就去查证了下关于这Html标签的Href属性。超链接的 URL。...- 指向页面中的锚(href=”#top”) 根据网搜得到的答案如下,亲测也的确如此: ​点击: 点击链接后不会回到网页顶部 <a href...总结:#包含了一个位置信息默认的锚是#top 也就是网页的上端; 而javascript:void(0)仅仅表示一个死链接,没有任何信息。

    3.4K50

    a标签中防止跳转的href=javascript:;、void(0);等都是什么意思

    标签的 href 属性用于指定超链接目标的 URL,href 属性的可以是任何有效文档的相对绝对 URL(路径),包括片段标识符和 JavaScript 代码段。...一般在这种情况下,会给绑定一个事件回调,来执行业务,如: 执行一段空白的javascript语句,返回空或者false,从而防止链接跳转。跟当前a标签无关,这段代码始终都会执行。...1、设计一个a链接的代码,让其点击的时候执行一个 alert() 函数: www.w3h5不跳转 2、此时在页面上显示一个a...test; javascript:void(0) 表示一个死链接,执行空事件。...声明:本文由w3h5原创,转载请注明出处:《a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思》 https://www.w3h5.com/post/228.html

    3.8K20

    js中javascript:void(0)什么意思

    void运算符计算给定的表达式,然后返回undefined。 void运算符通常仅用于获取未定义的原始,通常使用“ void0)”(等效于“ void 0”)。...之所以要使用链接href这样做是因为,通常,一个javascript:URL会将浏览器重定向到评估该JavaScript结果的纯文本版本。 但是,如果结果不确定,则浏览器停留在同一页面上。...来源: here 此处:Javascriptvoid是一个操作符,该操作符指定要计算一个表达式但是不返回。...有以下几种情况: (1)下面的代码创建了一个超链接,当用户链接时,void(0) 计算为 0,所以 Javascript 上没有任何效果。...单击此处什么也不会发生 //javascript:void(0) 仅仅表示一个死链接 (2)下面的代码创建了一个超链接,用户单击时会提交表单

    3.2K00

    那些你从不使用的 HTML 属性,背后竟然大有文章,赶快了来了解下

    ; padding: 0 20px; } code { color: firebrick; } 在的 iOS 设备上,回车键的文本会随着键的颜色而变化,具体取决于,如下面的屏幕截图所示。...这是您可以使用 JavaScript、CSS 直接在 HTML 源代码中执行的操作。 上面,还提到了其他三个属性。...元素 的download属性 就像网络上无处不在的链接一样,拥有一个使链接更加强大的属性总是很好的。该download属性是几年前添加到规范中的,它允许您指定单击链接应该下载而不是访问该链接。...Download File 如果没有,该download属性会强制下载链接页面。...对这个属性的唯一抱怨是它可能应该被赋予一个更独特的名称,也许像“formowner”之类的东西。尽管如此,如果您的设计布局需要无父表单字段,请记住它是有用的。

    1.5K30

    Jump Start Bootstrap 第4章

    导航条仅由内部链接作为href属性的组成。当用户开始滚动时,导航栏中的相应链接按当前显示的部分高亮显示。 让我们先建立一个navbar,下面是代码: <!...nav-tabs组件中的每个链接应该有一个data-toggle=”tab”属性。这允许引导程序单击事件映射到相应的选项卡窗格。这些链接中的href属性应该包含相应的选项卡窗格的id。...在您完成创建所有幻灯片之后,我们构建一个用于导航carousel内容的控件部分。 carousel控制器是使用标记和一个类carouselcontrol和一个方向类(如左右)构造的。...: false } $("#myModal").modal(options); backdrop属性接受布尔字符串“static”。...keyboard属性用于启用禁用键盘的escape键功能,当设置为false时,Esc键不会关闭模式对话框。 show属性用于通过JavaScript切换模式的可见性。

    28.3K40
    领券