a标签的href与页面跳转的默认行为

329 阅读1分钟
  • a链接的默认行为
    • 跳转到其他页面
    • 刷新页面
    • 回到顶部
第一种情况
<a href></a>

点击a标签会刷新页面和回到顶部

第二种情况
<a href=“#”></a>

点击a标签 会回到顶部 但不刷新页面

第三种情况
<a href=“javascript:void(0)” onClick="to()"></a>

点击a标签 既不会刷新页面 ,也不会跳转,更不会回到页面顶部

第四种情况
<a href=“javascript:return false” onClick="to()"></a>

点击a链接 和上述效果一样

第五种情况
<a href onClick="to()"></a>

会进行页面的刷新和回到页面顶部