html超級鏈接a的click事件之后跳轉(zhuǎn)href所指向的地址
發(fā)布時間：2014-01-12 17:46:38 作者：佚名 
我要評論
我要評論需要使用a這個超級鏈接，而又不使用href來完成跳轉(zhuǎn)，在執(zhí)行完了onClick事件后，a又去跳轉(zhuǎn)href所指向的地址了，下面由兩種不錯的解決方法，希望對大家有所幫助
有的時候，我們需要使用<a>這個超級鏈接，而又不使用href來完成跳轉(zhuǎn)，而是如：<a href="#" onClick="fun()"></a>這種方式。這樣，就不會讓頁面跳轉(zhuǎn)。但是同時也會帶來一些負面的問題，比如頁面的title變成了“#”，或者頁面出現(xiàn)了滾動條什么的。這是因為在執(zhí)行完了onClick事件后，<a>又去跳轉(zhuǎn)href所指向的地址了，而”#“是個錨點，默認是網(wǎng)頁的頁首，所以會帶來上邊所說的問題。
解決方法有以下兩種：
1、onClick事件添加return false語句，例如：
<a href="#" onClick="fun(); return false;">點擊</a>
2、用void(0)的方式代替#，例如：
<a href="javascript:void(0)" onclick="fun()">點擊</a>
解決方法有以下兩種：
1、onClick事件添加return false語句，例如：
<a href="#" onClick="fun(); return false;">點擊</a>
2、用void(0)的方式代替#，例如：
<a href="javascript:void(0)" onclick="fun()">點擊</a>
相關(guān)文章
- 在項目中，我們經(jīng)常會遇到這樣一個功能：如何實現(xiàn)頁面N秒后自動跳轉(zhuǎn)。其實方法很簡單，下面小編通過本文給大家分享HTML頁面3秒后自動跳轉(zhuǎn)的三種常見方法，對html頁面3秒后2015-12-07
html頁面實現(xiàn)過兩秒跳轉(zhuǎn)至其他頁面的方法
html頁面如何實現(xiàn)過兩秒跳轉(zhuǎn)至其他頁面，在本文主要是通過refresh及URL兩個屬性實現(xiàn)，具體示例代碼如下，感興趣的朋友可以參考下2013-10-22phpwind生成html頁面右下角跳轉(zhuǎn)功能問題
關(guān)鍵字描述：功能 問題 頁面 生成 value Copy code var function phpwind生成html頁面右下角跳轉(zhuǎn)功能問題 打開 template/wind/readtpl.htm 查找： Copy code2009-06-06html超鏈接a標簽的href跳轉(zhuǎn)跟onclick之間執(zhí)行順序示例介紹
html超鏈接a標簽的href跳轉(zhuǎn)跟onclick之間執(zhí)行關(guān)系：如果onclick返回false，則a不進行跳轉(zhuǎn)，如果onclick返回true，則a跳轉(zhuǎn)，感興趣的朋友可以了解下本文2014-01-07html form表單提交action和url跳轉(zhuǎn)到actiond的區(qū)別介紹
form表單的action 與url跳轉(zhuǎn)是不一樣的：form表單可以給后臺傳遞數(shù)據(jù)，url跳轉(zhuǎn)到action只能通過url的參數(shù)來傳遞數(shù)據(jù)，不懂的朋友可以參考下2013-11-04- 將以下代碼存為默認首頁文件如index.html，放在根目錄下即可。 不隱藏轉(zhuǎn)向后地址 <html> <head> <title>Redirect</title> <meta http-equ2009-01-07
HTML實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法
本文通過五個實例給大家介紹html實現(xiàn)頁面自動跳轉(zhuǎn)的五種方法，對html頁面跳轉(zhuǎn)相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-07