说说a标签的onclick和href

在平时我们一般会在列表中的最后一列给加上操作功能,一般的操作功能是修改和删除,这个操作我们可以通过a标签来实现其功能。

<a class="pn-opt" href="#">修改</a> | <a class="pn-opt" onclick="if(!confirm('您确定删除吗?')) {return false;} window.location.href='/brand/delete.do?id=${entry.id }'" href="/brand/list.do">删除</a>

但是我们经常会发现,当我们这样做的时候,会发现有两次请求到后台。原因:onclick事件会请求一次后台,完成之后,href还会发送一次请求到后台,这就导致了有两次请求来到后台。

解决办法:把href属性的值设置为javascript:void(0)。

<a class="pn-opt" href="#">修改</a> | <a class="pn-opt" onclick="if(!confirm('您确定删除吗?')) {return false;} window.location.href='/brand/delete.do?id=${entry.id }&name=${name}&isDisplay=${isDisplay}'" href="javascript:void(0);">删除</a>
原文地址:https://www.cnblogs.com/chunguang-yao/p/10666435.html