關于 href="#"和javascript:void(0) 的用法

通常我們將不做導向的a標簽的href屬性設置為#

1 <a href="#">刪除</a>

比如我們做無刷新添加和刪除的時候，我們不需要這個鏈接做任何導向，而是點擊這個鏈接后執行一串javascript代碼
但是當a標簽的位置超出了頁面滾動條的時候，我們點擊這個鏈接的，確實沒有任何導向，但是頁面卻回到了頂部。
這一點很不好，可以說用戶體驗相當差
原因是#可以當成是一個錨鏈接，當我們點擊

1 <a href="#">刪除</a>

后，頁面就被導航到了頂部

那么該怎樣來解決這個問題呢？
我們可以將代碼改成這樣

1 <a href="javascript:void(0)">刪除</a>

或者

1 <a href="javascript:return false">刪除</a>

即使頁面超出了滾動條，當我們點擊鏈接的時候，頁面不會回到頂部。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈