`
tjuking
  • 浏览: 195024 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript:void(0)和#在超链接中使用的不同

阅读更多
在web前段开发的过程中我们常常会使用一些无有效 href 属性的超链接。

以下是较常用的两种形式。

<a href="javascript:void(0)">链接1</a><!-- 或者 javascript:; -->
<a href="#">链接2</a>


  • 第一种单击超链接时发生了:调用javascript的void操作符计算0值但不返回任何结果(undefined),通常可以用来阻止浏览器默认行为,然后实现自定义的触发行为。(也就是单击链接后无任何效果,甚至单击后的链接样式也不变,通常称为“死链接”)。
  • 第二种单击超链接时发生了:寻找页面的锚点#进行页面定位(单独一个#代表链接的是自己),这个过程会发生页面的刷新。
分享到:
评论

相关推荐

    javascript;与javascriptvoid(0)使用介绍

    在前端开发领域,`javascript:` 和 `javascript:void(0)` 这两种语法经常被用到,尤其是在处理页面内的超链接时。本文将详细解析这两种用法的特点、应用场景以及它们之间的区别,并通过具体的示例来帮助读者更好地...

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

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

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

    `javascript:void(0)`在实际开发中非常有用,尤其是在需要阻止超链接默认行为的情况下。通过使用`void`操作符,开发者可以在不改变页面URL的情况下执行任意的JavaScript代码。这对于创建交互式网站来说是非常重要的...

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

    通过以上介绍可以看出,`javascript:void(0)` 在HTML和JavaScript编程中是一种非常实用的技术手段,尤其是在需要通过`a`标签触发JavaScript事件而无需进行页面跳转的情况下。正确理解和使用这一技术可以帮助开发者更...

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

    ### JavaScript中的 `void(0)` 用法详解 #### 一、`void(0)` 的基本概念 ...通过上述内容,我们了解了 `void(0)` 在JavaScript中的含义及其应用场景,希望这些知识能帮助你在实际项目中更有效地使用这一特性。

    javascript-void(0)的含义.docx

    这可以通过在`href`属性中使用`javascript:void(0)`来实现。 ```html &lt;a href="javascript:void(0)"&gt;单击此处什么都不会发生 ``` 在这个示例中,点击链接时,`javascript:void(0)`将执行一个没有任何实际效果的...

    JavaScript中void(0)的具体含义解释

    void 操作符的使用非常广泛,例如,在许多 JavaScript 库和框架中都使用了 void 操作符。 void 操作符是一个非常有用的操作符,能够在 JavaScript 中执行某些特殊操作。然而,在使用 void 操作符时,需要小心翼翼,...

    javascript void(0)的妙用

    在JavaScript中,`void`操作符是一个经常被忽视但其实非常实用的工具,尤其是在处理页面交互和DOM元素,特别是超链接(`&lt;a&gt;`标签)时。`void`的主要作用是计算一个表达式,但不返回任何值。这使得它在特定场景下具有...

    设为主页跳转代码大全

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

    超链接弹出独立新窗口代码

    为了实现点击超链接时弹出独立的新窗口,我们可以使用HTML中的`&lt;a&gt;`标签结合JavaScript的`window.open()`方法。下面是一段示例代码: ```html &lt;a href="javascript:void(0);" onclick="openNewWindow('...

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

    在JavaScript中,`void`是一个操作...总之,`void(0)`和`href="#"`在JavaScript编程中扮演着不同的角色。`void(0)`用于阻止链接默认行为,`href="#"`则用于创建锚点链接。理解这些差异对于构建交互式Web页面至关重要。

    详解javascript void(0)

    JavaScript中的`void`运算符是一个经常用于控制链接行为的关键字,它允许你在代码中执行一个表达式,但不返回任何值。这使得`void`在某些场景下特别有用,例如防止超链接的默认行为。 ### `void`运算符的语法 `...

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

    通过上述介绍可以看出,`void`操作符在JavaScript中扮演着重要的角色,尤其是在创建空链接和执行某些操作而不影响页面跳转方面。此外,它还可以用于控制流的微调、避免不必要的赋值以及在函数参数处理中发挥作用。...

    [removed]void(0)的真正含义实例分析

    通过本文的介绍,我们可以看到`void`操作符在JavaScript中的重要性和灵活性。无论是用于创建“死链接”,还是执行函数而不返回结果,`void`都是一个非常实用的工具。理解`void`操作符的真正含义及其在不同场景下的...

    Javascript笔记

    4. **取消标签的默认行为**:在HTML中,可以使用`javascript:`伪协议或者`javascript:void(0)`来阻止超链接和表单提交的默认行为。例如: - `&lt;a href="javascript:;"&gt;跳转&lt;/a&gt;` - `&lt;a href="javascript:void(0)"&gt;...

    第4章 超链接和路径

    在互联网世界中,超链接和路径是构建网页和应用程序的基础元素。它们允许用户在不同的页面之间导航,同时也是服务器和客户端之间通信的关键。本章将深入探讨超链接和路径的概念、类型以及它们在实际开发中的应用。 ...

    js中[removed]void(0) 真正含义

    在JavaScript中,`void`操作符是...总之,`javascript:void(0)`在JavaScript编程中是一个实用的技巧,用于阻止链接的默认行为,同时允许你附加自定义的JavaScript逻辑。理解这一概念对于编写交互式的网页应用非常重要。

    给html超链接设置事件不使用href来完成跳

    `void(0)`是一个JavaScript表达式,其结果是`undefined`,因此在`href`中使用它不会导致页面的任何动作。 这两种方法都可以有效地防止页面跳转,但它们之间存在一些差异。使用`return false`可以阻止所有默认的...

    javascript 关于# 和 void的区别分析

    JavaScript中的`#`符号和`void`操作符在网页开发中有着不同的用途,尤其是在与超链接(`&lt;a&gt;`标签)交互时。首先,我们来分别理解这两个概念。 `#`符号通常用作URL的一部分,它代表锚点(anchor)。在HTML中,`#`...

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

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

Global site tag (gtag.js) - Google Analytics