关闭

js执行顺序测试

911人阅读 评论(0) 收藏 举报

<head>
<title>js执行顺序测试</title>


     <script type="text/javascript">
          alert("body
加载之前运行1");
     </script>


     <script type="text/javascript">
          alert("body
加载之前运行2");
     </script>


</head>

<body>


     aaa
     <script type="text/javascript">
          alert("body
加载之后运行1");
     </script>
     bbb
     <script type="text/javascript">
          alert("body
加载之后运行2");
      </script>


</body>

 

从这个例子中我们看出:

 

①js从上到下依次执行

②放在head中的js,在下面内容未加载之前得到执行,注意和onload事件区分

③在body中代码执行的顺序是

aaa->弹出"body加载之后运行1"->bbb->弹出"body加载之后运行2"

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3448307次
    • 积分:31867
    • 等级:
    • 排名:第159名
    • 原创:539篇
    • 转载:389篇
    • 译文:1篇
    • 评论:325条
    求打赏啊
      感觉有帮助请赏一杯茶钱,金额随意。您的鼓励是我写作的动力!
    博客专栏
    求关注啊
      我的微信公众号,敬请关注
    博客寄语
    本人小技术员一枚,踏踏实实做人,认认真真做技术,无其他不切实际的想法。本博客文章与本人的工作单位没有任何关系,只是大学时期或平时看书对IT常用技术的小总结,不能保证全部博文正确或最优,需要读者自己判断。本博客所有文章仅供学习交流,绝不能用作商业用途,绝对不可作为除学习之外的任何用途。本博客的所有内容仅供学习和测试,对任何法律问题及风险不承担任何责任。若无说明,文章为本人原创,对于本人的原创文章,转载必须注明出处和原文链接。本博主上传的学习资源同样只能作为学习用途,绝不能作为除学习之外的任何用途。对于未遵守本博主声明的情形,本博主保留诉诸法律的权利。十分欢迎和期待与IT技术以及生活的爱好者交流学习。
    最新评论