链接的onclick事件 引起页面的跳动

最新推荐文章于 2021-09-18 09:15:14 发布
最新推荐文章于 2021-09-18 09:15:14 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： html/css/js 文章标签： javascript ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/shuifa2008/article/details/6294527
版权
本文介绍如何解决带有onclick事件的链接点击后导致页面跳转到顶部的问题。通过将链接的href属性设置为javascript:void(0)，可以有效避免页面跳转，并保持页面状态不变。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

给一个链接添加onclick事件，

<a href="#" οnclick="doSomething();">删除</a>

doSomething方法通过ajax实现

点击之后，确定之后发现每次页面都会跳动到页面的顶部

其实是href="#" 的问题，点击后默认定位到本页面的顶部了

改为:

<a href="javascript:void(0);" οnclick="doSomething();">删除</a>

一切就OK了！

Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
react点滴yan
weixin_42201346的博客
06-07 934
掘金搜react https://juejin.im/search?query=React%20Developer%20Tools&type=all
from表单多个按钮提交用onclick跳转不同action
12-12
代码如下: <form name=”form1″ method=”post” action=”ad/BusinessAction!list.action”> //下面input框提交的action不同，用onclick跳转，写一个js方法 <input type=”button” class=”mulButton” name=”Ids” id=”allcheck” onclick=”manySend(‘ad/BusinessAction!sendmany.action’)” value=”批量导入到成功案例”/> [removed] //js方法如下 function manySend(href
js onclick事件一闪而过解决
qq_40877709的博客
07-23 2413
js onclick事件一闪而过 原因是页面中onclick点击事件在a标签，a标签会刷新页面 两种解决办法： 1.在a标签href中加入 javascript:; 或者javascript:void(0); 2.在点击函数最后加 return false;
javascript的一个小技巧
09-07 331
使用javascript的时候,通常我们会通过类似: 提交 的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是: 虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false. 如下所示: 提交  
jQuery的onclick事件导致点击事件累计触发的问题
进无止进
08-12 1477
问题场景 维护公司老项目的时候，发现以下问题。 在使用jQuery中的click事件对页面中某个元素对象进行绑定时，如果不采用防抖/节流的写法会出现事件被多次绑定的情况。如果发生这种问题，会导致一次触发请求多次的情况，直接导致服务器的压力飙升。严重的话，服务器会直接挂掉。接下来具体说一下这个问题是如何形成的。 ​ <div onclick="handleClick()">点我&lt...
点击时会跳动的按钮做法详解
Xmumu_的博客
08-10 876
欢迎来到HTML部件频道☔☔☔ 今天分享一下那种带有"跳动"效果的按钮的做法，那么先来看一下效果吧????????????
使用onclick方法移除元素后总是回到顶部解决办法
爱米酱的博客
04-29 296
在方法后面加一个return flase即可解决 <i class="layui-icon" style="float: right;font-weight: bolder;cursor:pointer;" onclick="removeRule('+newId+');return false">&#x1006;</i>
<a>标签响应onclick事件，防止页面跳动方法总结
日光海岸
02-10 677
最近在点击一个a链接时经常发现，如果有垂直滚动条的话页面经常跳到顶端，于是google了一下，知道了为什么，也找到了几个解决办法。      总结一下，如果在实际应用中确实是要用到&lt;a&gt;标签来响应onclick事件的，那么就建议使用下面三种方法1.&lt;a href="javascript:void(0)" onclick="doSomething()"&gt;test&lt;/a...
onclick如何跳转到其他页面，Javascript跳转页面和打开新窗口等方法
weixin_52475977的博客
09-18 1万+
如果是本页显示可以直接用location,方法如下： ①οnclick=“javascript:window.location.href=‘URL’” 　　②οnclick=“location=‘URL’” 　　③οnclick="window.location.href=‘URL?id=100’" ☆如果页面中有frame可以将在location前面添加top.mainframe.frames[‘right_frame’].location 1.在原来的窗体中直接跳转用 onClick="window.l
绑定onclick事件创建表格，闪一下就没了？
llllll_iinn的博客
12-03 861
今天用一个按钮绑定onclick事件的时候，总是闪一下就没了，后来才知道原来是把button放进了表单的标签中！ <form> <input type = "text" name = "row" size="4px" id="txt1" />行 <input type = "text" name = "column" size="4px" id="txt2" ...
jQuery中AJAX与onclick绑定
泛泊
06-02 2202
onclick绑定是在document ready时，而异步ajax读取的数据可能在ready发生之后，因此用ajax得到数据生成的button 可能不能绑定click ，最好使用同步模式
onclick事件的传值 然后去执行ajax请求，以及form表单采用ajax的注意地方
weixin_39218464的博客
02-17 1223
//这里需要禁用a链接方法一：href="javascript: ;" 或者方法二：return false <td><a href="javascript:;" onclick="dele();return false">删除</a></td> //ajax 无刷新提交数据时form便签需要加上属性οnsubmit="return false" ...
Android onClick事件四种实现方式详解
对于初学者来说，了解并掌握不同的onClick事件的处理方式是非常有用的。以下是四种在Android开发中实现onClick事件的方法。 ### 方法一：在XML中直接定义onClick属性 在Android的布局XML文件中，可以直接为视图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值