不跳转页面的<a>标签

点击执行删除事件

<a href="javascript:void(0);"  onclick="delProduct('${product.pid}')">

a标签页面不跳转有5种方法；其中要注意的是第二种，如果没有写void，点击以后整个页面会空白，只显示一个0

<a href="#">1</a>
<a href="javascript:void(0)">2</a>
<a href="javascript:;">3</a>
<a href="#" onclick="return false">4</a>
<a href="javascript:void(null)">5</a>

href="#"与href="javascript:void(0)"的区别
1、#包含了一个位置信息，默认的锚是#top也就是网页的最上端。
2、javascript:void(0)， 仅仅表示一个死链接。
3、在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。
4、如果你要定义一个死链接请使用 javascript:void(0)或者javascript:;

void()仅仅是代表不返回任何值，但是括号内的表达式还是要运行
---------总结自知乎