美文网首页
a链接中href="#"与javascript:void(0)

a链接中href="#"与javascript:void(0)

作者: MC桥默 | 来源:发表于2021-09-29 09:16 被阅读0次

前言

项目中,有时会需要保留a标签自带的样式,同时去除a标签点击跳转的事件,我们会使用到href="#"与javascript:void(0)两种方法。

<a href="#" target="_blank"></a>
<a href="javascript:void(0);" target="_blank"></a>

href="#"

其实也是空连接的意思,但是点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部。

javascript:void(0)

void是一个操作符,这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0(void(0)),则什么也不执行,从而也就形成了一个空链接。

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

href="#"与javascript:void(0)的区别也很明显,#方法会跳转到页面的顶部,并且在页面URL后面会出现#,而javascript:void(0)方法不会,所以如果是空连接的话,还是推荐javascript:void(0)。

相关文章

  • a链接中href="#"与javascript:void(0)

    前言 项目中,有时会需要保留a标签自带的样式,同时去除a标签点击跳转的事件,我们会使用到href="#"与java...

  • 超链接标签href属性小知识

    为什么要使用href=”javascript:void(0);” href=”javascript:void(0)...

  • 2018-10-10

    href="javascript:void(0);

  • href="#"与href="javascript:void(0

    包含了一个位置信息,默认的锚是#top 也就是网页的上端。 而javascript:void(0), 仅仅表示一个...

  • 前端笔记02

    href = "javascript:void(0)"是让超链接去执行一个javascript函数,而不是跳转到某...

  • 行元素介绍

    常用的行元素有:a,img,span 字段 href=" 链接"----一定要有javascript:void(0...

  • 关于href="javascript:void(0)笔记

    href="#"与href=“javascript:void(0)”的区别 #包含了一个位置信息,默认的锚是#to...

  • 2019-08-28 # 与 void(0)

    href="#"与href="javascript:void(0)"的区别# 包含了一个位置信息,默认的锚是#to...

  • a标签相关

    1、href="javascript:void(0);" a标签点击使其不跳转 这里javascript:后面是...

  • href:#与javascript

    href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地...

网友评论

      本文标题:a链接中href="#"与javascript:void(0)

      本文链接:https://www.haomeiwen.com/subject/vxphnltx.html