html超级链接a的click事件之后跳转href所指向的地址

ttx9n · 发表于 2014-1-12 17:46:38

需要使用a这个超级链接，而又不使用href来完成跳转，在执行完了onClick事件后，a又去跳转href所指向的地址了，下面由两种不错的解决方法，希望对大家有所帮助有的时候，我们需要使用<a>这个超级链接，而又不使用href来完成跳转，而是如：<a href="#" onClick="fun()"></a>这种方式。这样，就不会让页面跳转。但是同时也会带来一些负面的问题，比如页面的title变成了“#”，或者页面出现了滚动条什么的。这是因为在执行完了onClick事件后，<a>又去跳转href所指向的地址了，而”#“是个锚点，默认是网页的页首，所以会带来上边所说的问题。

解决方法有以下两种：

1、onClick事件添加return false语句，例如：

<a href="#" onClick="fun(); return false;">点击</a>

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

<a href="javascript:void(0)" onclick="fun()">点击</a>

gc4hg · 发表于 2022-8-30 10:36:46

1312315458748777

bp5jgbcnt · 发表于 2022-11-17 11:45:37

66666666666666666666

0qfjyf · 发表于 2022-12-25 18:05:26

2222222222222222

JosephSA · 发表于 2023-2-20 14:45:51

哈哈哈哈哈哈哈

hd1tvqb3 · 发表于 2023-4-1 15:29:52

额UI废物iuhfujewfiewnnfen

64000928 · 发表于 2023-7-31 16:38:43

还有什么好东西没

x20yd3qx · 发表于 2023-10-3 02:10:44

不错的源码论坛

r8st9 · 发表于 2024-3-31 15:54:31

感谢楼主分享

lba36h7g · 发表于 2024-4-5 14:12:32

还不错啊

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] html超级链接a的click事件之后跳转href所指向的地址

相关帖子