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

使用a标签时候会遇到这种情况,虽说使用这两种方式页面都不会跳转,但是具体有什么区别呢?

1、a标签中的#

  如果使用这种方式的话,页面不会跳转 ,但是会定位到页面的最上端,因为它包含了一个位置信息,默认的锚是#top 也就是网页的上端,所以有的时候会发现,如果页面内容很多的时候,在页面底部点击按钮,总是会跑到页面顶部,因此就是这个原因了。

2、a标签中的javascript:void(0)。

  这个就没啥好说的了,它仅仅表示一个死链接。void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。

  当然还可以这样 ------- <a href="javascript:void(alert('Warning!!!'))">要看效果就点我!</a>,如果点击的话,会出现弹框。

以上就是这两种方式的简单的区别了,如果你要定义一个死链接俺还是建议你请使用 javascript:void(0) 。

 

posted @ 2017-11-06 11:10  森界降临  阅读(219)  评论(0编辑  收藏  举报