html超级链接a的click事件之后跳转href所指向的地址
发布时间：2014-01-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>
解决方法有以下两种：
1、onClick事件添加return false语句，例如：
<a href="#" onClick="fun(); return false;">点击</a>
2、用void(0)的方式代替#，例如：
<a href="javascript:void(0)" onclick="fun()">点击</a>
相关文章
- 在项目中，我们经常会遇到这样一个功能：如何实现页面N秒后自动跳转。其实方法很简单，下面小编通过本文给大家分享HTML页面3秒后自动跳转的三种常见方法，对html页面3秒后2015-12-07
- html页面如何实现过两秒跳转至其他页面，在本文主要是通过refresh及URL两个属性实现，具体示例代码如下，感兴趣的朋友可以参考下2013-10-22
- 关键字描述：功能 问题 页面 生成 value Copy code var function phpwind生成html页面右下角跳转功能问题 打开 template/wind/readtpl.htm 查找： Copy code2009-06-06
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
html超链接a标签的href跳转跟onclick之间执行关系：如果onclick返回false，则a不进行跳转，如果onclick返回true，则a跳转，感兴趣的朋友可以了解下本文2014-01-07html form表单提交action和url跳转到actiond的区别介绍
form表单的action 与url跳转是不一样的：form表单可以给后台传递数据，url跳转到action只能通过url的参数来传递数据，不懂的朋友可以参考下2013-11-04- 将以下代码存为默认首页文件如index.html，放在根目录下即可。 不隐藏转向后地址 <html> <head> <title>Redirect</title> <meta http-equ2009-01-07
- 本文通过五个实例给大家介绍html实现页面自动跳转的五种方法，对html页面跳转相关知识感兴趣的朋友一起学习吧2015-12-07
最新评论