一、我们在使用a标签的空链接时,通常写为 href=# 或者 href=</a>javascript:void(0) ,这两种写法有什么区别呢?我想很多人都不会去深究,但是这两种写法出来的效果有时候是不一样的。
概括来说,这两种写法有如下几个区别:
# 包含了一个位置信息,默认的锚是
#top也就是网页的上端。即是说,当href=#的空链接被点击时,页面会跳到最顶端。而
javascript:void(0)仅仅表示一个死链接,当href=javascript:void(0)的空链接被点击时,页面不会有任何反应。在页面很长的时候会使用 # 来定位页面的具体位置,格式为:
# + id。如果你要定义一个死链接请使用
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>