死鏈接用href="javascript:void(0)"而不要用href="#"

有一次發現一張網頁添加的一個交互效果無法生效,經常長時間的檢測後發現,是一個小小的#導致的。

因爲這個交互效果需要在一個鏈接a標籤中加入一點js代碼來調用腳本,當時使用的是a href="#",如果這個鏈接是以新窗口的方式(target="_blank")打開的話,那麼js就無法生效了。這個時候就需要用到href="javascript:void(0)"。

在這裏簡單說下href="javascript:void(0)"和href="#"的區別:

1、"#"包含了一個位置信息,默認的錨點是#top 也就是網頁的上端。這也是爲什麼有的時候頁面很長,鏈接明明是#可是點擊後直接跳到了頁面頂部。

2、javascript:void(0) 僅僅表示一個死鏈接,點擊後網頁不會有任何變化。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章