做软工杯,实现页面跳转时,遇到一个这样的问题:
想实现点击 详情 先跳转至showDetailInfo.jsp页面,然后调用show函数;
在未明确a属性中href和onclick()执行顺序的情况下是这样用的:
<a href="showDetailInfo.jsp" onclick="show()">详情</a>
然而~~~先调用了show函数
href & onclick执行顺序:
<a href="showDetailInfo.jsp" onclick="show()">
先执行onclick的脚本,最后才进行href参数指定页面的跳转。
在onclick中返回false,就可以中止<a>
标签的工作流程,也就是不让页面跳转到href参数指定的页面。
如: <a href="showDetailInfo.jsp" onclick="show();return false;">
拓展点
在
<a>
标签中,不需要实现页面跳转时,最好使用以下第一种方式:
<a href="javascript:void(0)" onclick="subgo()">点我</a>
<a href="#" onclick="subgo()">点我</a>
原因:
#
包含了一个位置信息默认的锚是#top也就是网页的上端;
javascript:void(0)仅仅表示一个死链接,没有任何信息;
javascript:void(0)
void(arg)可以理解为永远返回null的函数,但是其参数不能为空。其参数可以为任意的表达式甚至函数。