html标记a属性href & onclick执行顺序

做软工杯,实现页面跳转时,遇到一个这样的问题:
想实现点击 详情 先跳转至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的函数,但是其参数不能为空。其参数可以为任意的表达式甚至函数。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,812评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,783评论 0 17
  • 我们常用的在a标签中有点击事件: 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何...
    九把鱼阅读 2,597评论 0 3
  • 什么是江湖?有人的江湖就有江湖。人即是江湖!什么是江湖?是非纷扰,恩怨即是江湖! 江湖是逍遥的。仗一把...
    wz299阅读 223评论 0 0
  • 今天就是大年三十,忙忙碌碌的一年,经历了太多的一年,2016年,终将过去了,迎来崭新的2017年,一切都是美好的开...
    千羽塔罗师阅读 97评论 0 1