说说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>