a标签中href="javacript:;" href="javacript:void;" href="#"区别

Posted 2020-11-20 月眸 eyesmoon

在使用<a>标签时，经常会绑定其他事件比如onclick，这时候我们会给<a>标签的href属性赋值为“#”，“javacript:;”，“javacript:void(0);”等。

一、href="javacript:;"  用这个的话会出现浏览器访问“javascript:;”这个地址的现象，所以任何情况下都不建议使用；

二、href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句：void(0); 这条语句表示什么也不做，是个空语句。当绑定了onclick()事件并且点击后，页面会停留在原地；

三、href="#" 这个是html的链接用法，意思是跳转到页面顶部，如果想快速地返回到顶部，那么就用这个链接，这种用法叫做锚。

四、如果想使用a标签来对一个函数进行调用，有两种方式：

1)<a href="javascript:void(0);" onClick="hello();" >点我</a>

2)<a href="javascript:hello();" >点我</a>

所以应该在不同的场景应该选择合适的用法。