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

在使用<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>

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

原文地址:https://www.cnblogs.com/eyesmoon/p/9246293.html