`

死链接用href="javascript:void(0)"而不要用href="#"

阅读更多
有一次发现一张网页添加的一个交互效果无法生效,
上网查了下。是一个小小的#导致的。

因为这个交互效果需要在一个链接a标签中加入一点js代码来调用脚本,当时使用的是a href="#",如果这个链接是以新窗口的方式(target="_blank")打开的话,那么js就无法生效了。这个时候就需要用到href="javascript:void(0)"。

在这里简单说下href="javascript:void(0)"和href="#"的区别:

1、"#"包含了一个位置信息,默认的锚点是#top 也就是网页的上端。这也是为什么有的时候页面很长,链接明明是#可是点击后直接跳到了页面顶部。

2、javascript:void(0) 仅仅表示一个死链接,点击后网页不会有任何变化。

分享到:
评论

相关推荐

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

    在Web开发中,我们经常会遇到两种类型的空链接:一种是使用 `href="#"`,另一种则是使用 `href="javascript:void(0)"`。这两种写法在实际应用中看起来相似,但在某些场景下却有着本质的不同。接下来,我们将深入探讨...

    JS动态加载以及JavaScriptvoid(0)的爬虫解决方案.docx

    3. **动态链接处理:** 部分网站会使用`JavaScriptvoid(0)`来隐藏实际链接,增加了获取真实链接的难度。 #### 三、解决问题的工具与方法 **1. 工具准备:** - **Chrome浏览器**:提供开发者工具用于调试。 - **...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    `javascript:void(0)` 是一种特殊的`href`属性值,它的主要作用是阻止默认行为并执行JavaScript代码而不引起页面跳转。这里有几个关键点需要理解: 1. **`javascript:`**:这表明了这是一个JavaScript URL方案,即...

    详解a-href=#与-a-href=javascript-void(0)-的区别.doc

    详解a-href=#与-a-href=javascript-void(0)-的区别.doc

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

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

    javascript;与javascriptvoid(0)使用介绍

    ### JavaScript与JavaScriptvoid(0)使用详解 在前端开发领域,`javascript:` 和 `javascript:void(0)` 这两种语法经常被用到,尤其是在处理页面内的超链接时。本文将详细解析这两种用法的特点、应用场景以及它们...

    浅谈href=#与href=[removed]void(0)的区别

    3. 使用"href=javascript:void(0)"应该谨慎,因为它本质上是一个"死链接"。当需要页面整体刷新时,应避免使用这种形式,以免影响用户体验或页面逻辑的正常工作。 4. 要实现新开窗口或新标签页的链接,可以使用...

    商城代码javascript:void(0);

    这个标题可能指的是一个网页中的JavaScript代码,该代码在执行时不会有任何实际效果(即`javascript:void(0);`)。这种做法有时用于HTML链接,目的是让链接不执行任何跳转动作,仅触发某些JavaScript事件。 #### ...

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

    总的来说,`a href="#"`和`a href="javascript:void(0)"`是两种处理链接交互的不同策略,前者用于页面内部导航,后者更多用于触发JavaScript事件而不改变页面状态。开发者应根据实际应用场景选择合适的方法,并注意...

    javascript-void(0)是什么意思?JS的几种跳转.docx

    ### JavaScript中的`void(0)`含义 在探讨`javascript:void(0)`的具体含义之前,我们首先需要理解`void`操作符的基本概念。`void`是一个JavaScript操作符,用于指定计算一个表达式但不返回任何值。换句话说,`void`...

    js中javascript-void(0) 真正含义.docx

    然而,当链接的目标是`javascript:void(0)`时,链接将不会导航至任何位置,而仅执行指定的JavaScript代码(如果存在的话)。 #### 其他相关链接方式 除了`javascript:void(0)`之外,还有其他几种方式可以实现在...

    [removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别

    当我们使用`javascript:void(0)`或`javascript:void null`作为超链接的`href`属性时,点击链接将不会有任何实际的导航发生。例如: ```html <a href="javascript:void(0)">不跳转链接 ``` 在这个例子中,点击链接...

    比较详细的关于javascript中void(0)的具体含义解释.docx

    ### JavaScript中的`void(0)`具体含义解释 #### 一、`void`操作符简介 在JavaScript中,`void`操作符是一个特殊的操作符,它主要用于计算一个表达式但不返回任何值。换句话说,`void`操作符可以用来执行一些副作用...

    js中 javascript-void(0) 用法详解.docx

    因此,在需要执行JavaScript处理而不需要页面刷新的情况下,推荐使用 `href="javascript:void(0)"`。 #### 五、`void(0)` 在 AJAX 中的应用 在 AJAX 应用程序中,`void(0)` 的使用非常普遍。AJAX(Asynchronous ...

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

    总结来说,`href="#"`和`href="javascript:void(0)"`都用于创建无实际跳转的链接,但`javascript:void(0)`提供了更好的用户体验,尤其是在长页面中,因为它不会引起页面滚动。在现代前端开发中,推荐使用纯...

    javascript-void(0)的含义.docx

    在HTML中,使用`javascript:void(0)`作为`href`属性值,可以使链接成为所谓的“死链接”。这意味着点击链接时,浏览器不会执行任何导航行为。 例如: ```html <a href="javascript:void(0)">你点吧,反正我就是不...

    设为主页跳转代码大全

    3. **需要阻止链接默认行为时**:可以考虑使用`<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com'); return false;">`的方式。 ### 四、注意事项 1. **避免过度使用JavaScript**: ...

Global site tag (gtag.js) - Google Analytics