js脚本加载顺序问题?

图片描述
html里面的顺序

图片描述

图片描述

1.为什么上边两张图片发现有时候加载的顺序不一样?

图片描述
2.从timeline里面看出来test.js下载完毕的结束点是比jquery快的,但是为什么里面使用$没有问题?

图片描述

3. 这张图的意思是chrome下着6个脚本资源是同时开始下载的么?

阅读 2.7k
2 个回答

以下是我在网上以前看到的 不知是否对你有用

总体上,html的是按从上到下的顺序边加载边解析,边生成dom对象,至于在html中夹杂的:

document.write("xxxx");

<script type="text/javascript" src="aaa.js"></script>

之类的东西,它们的顺序是怎样的呢?还是一样,如果在解析html时,遇到这些东西就会停止解析,转而执行这些生成语句,如果中间插入外部链接,就转而解析、执行外部链接对应的js。对于以下语句对于不同浏览器存在不同的结果:

<script type="text/javascript" src="aaa.js"></script>

在ie中。不会等待aaa.js下载并解析完的,会创建另一线程搞定它,而主线程则越过去。但在ff中。则会等待,直到aaa.js下载、解析、执行完毕。

加载和执行,是两回事吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题