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

a标签href属性值"#"和"javascript:void(0)"之区别

阅读更多

#包含了一个位置信息,默认的锚点是#top也就是页面的上端;

javascript:void(0)仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是却跳到了首页,而javascript:void(0)则不是如此,所以调用脚本的时候最好用void(0)

分享到:
评论

相关推荐

    商城代码javascript:void(0);

    `作为`<a>`标签的`href`属性值,这样点击链接时不会发生页面跳转。 - 触发事件:可以结合其他JavaScript代码来触发事件处理函数,比如弹出对话框、改变页面元素状态等。 ### 给定文件的部分内容解析 #### 内容...

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

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

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

    例如,在 AJAX 调用之前或之后执行某些逻辑处理时,可以通过设置 `<a>` 标签的 `href` 属性为 `javascript:void(0)` 来避免不必要的页面跳转或刷新。 #### 六、总结 - **`void(0)`** 主要用于执行某些处理,同时...

    javascript;与javascriptvoid(0)使用介绍

    <a href="javascript:void(0);" onclick="alert('Hello World!');">点击我</a> ``` 这段代码同样会在用户点击链接时弹出警告框,但与`javascript:`不同的是,即使JavaScript代码执行失败,也不会触发页面刷新。 **...

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

    <a href="javascript:void(0)" onclick="openWin(3, this)">株洲</a> function openWin(tag, obj) { obj.target = "_blank"; obj.href = "Web/Substation/Substation.aspx?stationno=" + tag; obj.click(); ...

    javascript-void(0)的含义.docx

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

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

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

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

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

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

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

    设为主页跳转代码大全

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

    详解a标签添加onclick事件的几种方式

    <a href="javascript:void(0)" onclick="js_method();" rel="external nofollow">点击我</a> ``` 这是最常用的实现方式,`void(0)`返回`undefined`,阻止页面跳转。同时,它不会像方法1那样将JavaScript方法暴露在...

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

    因此,当使用"javascript:void(0)"作为href属性的值时,相当于执行了一个表达式但没有任何效果,这使得JavaScript代码可以在点击时执行,而不会引起页面的刷新或跳转。这种写法主要用于需要执行一段JavaScript代码而...

    html中a标签调用js函数.docx

    更推荐的做法是`<a href="javascript:void(0);" onclick="js_method()">`。`void(0)`操作符返回`undefined`,阻止页面跳转,而`onclick`事件负责执行JavaScript函数。这种方法不会像第一种那样在状态栏显示...

    a标签href属性和onclick事件的比较介绍

    首先,href属性是<a>标签的基础属性,它的值可以是一个URL地址,也可以是JavaScript代码片段。当<a>标签被点击时,如果href属性指向一个URL地址,浏览器会进行页面跳转;如果href属性包含JavaScript代码,浏览器会...

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

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

    html中a标签调用js函数.pdf

    2. **a href="javascript:void(0);" onclick="js_method()"** 这是最推荐的一种方法。`onclick`事件负责执行JavaScript函数,`void(0)`返回`undefined`,防止页面跳转。这种方法不会像第一种那样将JS方法暴露在...

    [removed]void(0)使用探讨

    因此,使用void(0)实际上没有任何效果,这使得它经常被用在a标签的href属性中来阻止默认的页面跳转行为。而void(1)与void(0)在效果上是一样的,因为它们的返回值都被丢弃了。 另外,需要注意的是,在链接点击后页面...

    Javascript笔记

    - `<a href="javascript:void(0)">跳转</a>` - `<form action="javascript:void(0)" method="get">` 5. **在HTML中使用JavaScript**: - 直接在HTML中插入`<script>`标签并编写JavaScript代码。 - 引入外部...

    [removed]void(0)的问题使用探讨

    在`<a>`标签的`href`属性中使用`javascript:void(0)`,可以确保点击链接时浏览器不会尝试加载任何URL,因此页面状态保持不变。 然而,有些开发者认为使用`javascript:void(0)`并不是最佳实践,因为它涉及到内联...

    为何JS操作的href都是[removed]void(0);呢

    总结一下,`javascript:void(0)`在HTML中用作`<a>`标签的`href`是为了阻止链接的默认行为,同时保持代码的可读性和一致性。尽管`javascript:`和`javascript:void(0)`在很多情况下效果相似,但`void(0)`提供了更明确...

Global site tag (gtag.js) - Google Analytics