最新消息: 新版网站上线了!!!

a标签href=#跳到最顶端与href=javascript:void(0)死链接的区别

一、我们在使用a标签的空链接时,通常写为 href=# 或者 href=</a>javascript:void(0) ,这两种写法有什么区别呢?我想很多人都不会去深究,但是这两种写法出来的效果有时候是不一样的。

概括来说,这两种写法有如下几个区别:

  1. # 包含了一个位置信息,默认的锚是 #top 也就是网页的上端。即是说,当 href=# 的空链接被点击时,页面会跳到最顶端。

  2. 而 javascript:void(0) 仅仅表示一个死链接,当 href=javascript:void(0) 的空链接被点击时,页面不会有任何反应。

  3. 在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id

  4. 如果你要定义一个死链接请使用 javascript:void(0) 。

二、代码

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签空链接href=#与href=javascript:void(0)的区别</title>
</head>
<body>
<p style="height:1300px;width:100%;background:#cccccc"></p>
<p style="width:100%;padding:10px;background:#999999">
<a href="#">空链接: href=#</a>
<br>
<a href="javascript:void(0)">空链接: href=javascript:void(0)</a>
</p>
<p style="height:100px;width:100%;background:#cccccc"></p>
</body>
</html>


转载请注明:谷谷点程序 » a标签href=#跳到最顶端与href=javascript:void(0)死链接的区别