詳解a href=#與 a href=javascript:void(0) 的區(qū)別

2024-08-26 00:12:59

字體：大中小

供稿：網(wǎng)友

a href="#"> 點(diǎn)擊鏈接后，頁面會(huì)向上滾到頁首，# 默認(rèn)錨點(diǎn)為 #TOP

<a href="javascript:void(0)" onClick="window.open()"> 點(diǎn)擊鏈接后，頁面不動(dòng)，只打開鏈接

<a href="#" onclick="javascript:return false;"> 作用同上，不同瀏覽器會(huì)有差異。

點(diǎn)擊鏈接后，不想使頁面滾到頁首，就用href="javascript:void(0)"，不要用href="#"，return false也有類似作用

詳解href="#"與href="javascript:void(0)"的區(qū)別

"#"包含了一個(gè)位置信息
默認(rèn)的錨點(diǎn)是#top 也就是網(wǎng)頁的上端
而javascript:void(0) 僅僅表示一個(gè)死鏈接
這就是為什么有的時(shí)候頁面很長瀏覽鏈接明明是＃可是跳動(dòng)到了頁首
而javascript:void(0) 則不是如此
所以調(diào)用腳本的時(shí)候最好用void(0)
或者<input onclick>
<div onclick>等

打開新窗口鏈接的幾種辦法

1.window.open('url')
2.用自定義函數(shù)

復(fù)制代碼

上一篇：拿什么來拯救你，我的table(海玉博客)

下一篇：5個(gè)酷炫、實(shí)用的HTML標(biāo)簽和屬性介紹