HTML --- <a href=”#”>与 <a href=”javascript:void(0)” 的区别

<a href=”#”>中的“#”其实是锚点的意思,默认为#top,所以当页面比较长的时候,使用这种方式会让页面刷新到页首(页面的最上部)

javascript:void(0)其实是一个死链接,当使用超链接处理JS脚本(一般是click),又不想回到页首(这种情况可以理解为局部刷新)时经常使用

void 操作符的用法格式如下:

1. javascript:void (expression_r_r)

2. javascript:void expression_r_r

一般是带上(),这样可读性更强

小结:

当需要整体刷新时,使用#

当实现局部刷新时,使用如下几种方式:

1:<a href="####"></a>

2:<a href="javascript:void(0)"></a>

3:<a href="javascript:void(null)"></a>

4:<a href="#" onclick="return false"></a>

<a href="#">是链接到本页,因为你有的时候需要有个链接的样式,但是又不希望他跳转,href是<a>的属性,双引号是表示链接到哪个网址,如果是#是不做任何跳转的。

链接当前页面。
通常有如下用法:<a href=# onclick=window.close()关闭</a
将href=#是指联接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击关闭时,会执行window.close()代码。
如果这样写,关闭这两个字就不会作为超联接处理,效果看上去会差一些。你可以自己试试。在制作网页时html语言里的参数,用于指定链接的url ####就是本页链接,href=地址就是链接到地址 链接本页面 默认本页,不弹出新窗口,空连接时,如果去掉#,则不显示鼠标手型光标。 通俗一点就是 一个 指向本页的假链接
也可以在#后面跟上锚点id 这个实际上是一个书签的另一种用法建立书签语法:<a name=书签名称文字</a
链接到同一页面的书签(运用)
语法:<a href=#书签的名称链接的文字</a
链接到不同页面的书签
语法:<a href=链接文件的地址#书签名称链接的文字</a (注意引号和#号)
正常情况下点击:<a href=#书签名称链接的文字</a这个链接,则光标会自动跳转到本页面的:<a name=书签名称文字</a的位置。你就当他是空链接 这样写 显示 是链接效果(比如鼠标变小手)但是没有页面跳转



原文地址:https://www.cnblogs.com/supermeimei/p/5091554.html