search

Home  >  Q&A  >  body text

javascript - 浏览器解析html时会先把某些src先下载吗?

<link href="file1.csss">
<script src="file1.js">
<script src="file2.js">
<img src="file1.png">

若是上述html,浏览器对其中的解析顺序自然是由上到下,但是下载的话是串行还是并行呢?和标签有关系吗?

图片上7 8 行的js为什么在chrome上显示是同一时间下载的?

7、8行的代码换过来也是如此

PHP中文网PHP中文网2818 days ago169

reply all(1)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 17:29:59

    <link href="file1.csss"> [A]
    <script src="file1.js">  [B]
    <script src="file2.js">  [C] 
    <img src="file1.png">    [D]

    [A]先下载,然后解析CSS,构建StyleSheet树
    然后[B]执行后,[C]下载执行,[D]解析出图片地址,执行异步下载,文档继续往下解析
    多个图片执行并行下载
    script标签加入 async属性可以实现异步并行下载,不保证脚本按其添加的顺序执行;defer属性可以实现延迟下载在DOM文档解析完成后执行下载,执行顺序按脚本添加的顺序

    reply
    0
  • Cancelreply