a標(biāo)簽里的href=#與href=javascriptvoid(0)的區(qū)別

場景描述:今天選規(guī)格的時候發(fā)現(xiàn)每次選完,頁面都會重新置頂。
初始代碼為:

<a href="#" class="heng labelbtn labelbtn-default <if condition='$j eq 1'>actived</if>" role="button" value="{$spec.spec_id}">{$spec.value}</a>

修改后的代碼為:

<a href="javascript:void(0)" class="heng labelbtn labelbtn-default <if condition='$j eq 1'>actived</if>" role="button" value="{$spec.spec_id}">{$spec.value}</a>

問題解決。
百度原因:
#”包含了一個位置信息
默認(rèn)的錨點(diǎn)是#top 也就是網(wǎng)頁的上端
而javascript:void(0) 僅僅表示一個死鏈接
這就是為什么有的時候頁面很長瀏覽鏈接明明是#可是跳動到了頁首
而javascript:void(0) 則不是如此

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容