html超級(jí)鏈接a的click事件之后跳轉(zhuǎn)href所指向的地址

有的時(shí)候，我們需要使用<a>這個(gè)超級(jí)鏈接，而又不使用href來(lái)完成跳轉(zhuǎn)，而是如：<a href="#" onClick="fun()"></a>這種方式。這樣，就不會(huì)讓頁(yè)面跳轉(zhuǎn)。但是同時(shí)也會(huì)帶來(lái)一些負(fù)面的問(wèn)題，比如頁(yè)面的title變成了“#”，或者頁(yè)面出現(xiàn)了滾動(dòng)條什么的。這是因?yàn)樵趫?zhí)行完了onClick事件后，<a>又去跳轉(zhuǎn)href所指向的地址了，而”#“是個(gè)錨點(diǎn)，默認(rèn)是網(wǎng)頁(yè)的頁(yè)首，所以會(huì)帶來(lái)上邊所說(shuō)的問(wèn)題。

解決方法有以下兩種：

1、onClick事件添加return false語(yǔ)句，例如：

<a href="#" onClick="fun(); return false;">點(diǎn)擊</a>

2、用void(0)的方式代替#，例如：

<a href="javascript:void(0)" onclick="fun()">點(diǎn)擊</a>

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

如何通過(guò)display或visibility來(lái)實(shí)現(xiàn)HTML元素的顯示與隱藏

html里table表數(shù)據(jù)如何轉(zhuǎn)為Json格式

marquee元素如何實(shí)現(xiàn)滾動(dòng)字體與圖片的效果

IE網(wǎng)頁(yè)彈出窗口的參數(shù)都有哪些

以上就是html超級(jí)鏈接a的click事件之后跳轉(zhuǎn)href所指向的地址的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！