Javascript 哪个文件先下载?css或js

Javascript 哪个文件先下载?css或js,javascript,html,css,dom,browser,Javascript,Html,Css,Dom,Browser,当我们在标记(用于css文件)之前的标记中有一个标记(用于js文件)时。浏览器将首先请求哪个文件 它会同时请求css和js文件吗 它会在请求css文件之前先等待js文件被下载吗 或者,它会先下载css,用完整的HTML和css呈现页面,然后再请求js文件吗 这篇文章没有解释js文件的阻塞性质以及它如何影响HTML呈现/解析 一般来说,元素如果不是延迟或异步可以文档。写入以阻止进一步解析HTML文档。在处理脚本之前,不会添加到DOM中,因此在此之前它不会下载CSS 但是,HTTP 2即将到来,这

当我们在
标记(用于css文件)之前的
标记中有一个
标记(用于js文件)时。浏览器将首先请求哪个文件

  • 它会同时请求css和js文件吗
  • 它会在请求css文件之前先等待js文件被下载吗
  • 或者,它会先下载css,用完整的HTML和css呈现页面,然后再请求js文件吗
  • 这篇文章没有解释js文件的阻塞性质以及它如何影响HTML呈现/解析

    一般来说,
    元素如果不是
    延迟
    异步
    可以
    文档。写入
    以阻止进一步解析HTML文档。在处理脚本之前,
    不会添加到DOM中,因此在此之前它不会下载CSS

    但是,HTTP 2即将到来,这允许服务器在浏览器没有明确请求的情况下启动。

    通常…
    元素不是
    延迟
    异步
    可以
    文档。写入
    以阻止进一步解析HTML文档。在处理脚本之前,
    不会添加到DOM中,因此在此之前它不会下载CSS


    然而,HTTP 2即将到来,这使得服务器可以在浏览器没有明确请求的情况下启动。

    浏览器从上到下读取,这就是为什么在各种项目中,您会在文档末尾看到JS脚本,以防止出现任何错误,所以首先加载DOM。在脚本加载之前,它不会使它同时进行。如果打开inspector tools->network,您可以刷新一个示例页面,并查看dom在文件中的加载方式。

    浏览器从上到下读取,这就是为什么您可以在各种项目中的文档末尾看到JS脚本,以防出现任何错误,因此dom会首先加载。在脚本加载之前,它不会使它同时进行。如果打开inspector tools->network,您可以刷新一个示例页面,查看dom如何加载到文件中。

    已经给出了许多关于此的问题和答案。浏览器从上到下读取每个文件,因此首先加载的文件。大多数开发人员将脚本设置在底部,因为JS对页面加载有更大的影响。这意味着JS不会阻止页面底部的呈现。可能重复的@SuperDJ请阅读编辑。关于这一点,已经给出了许多问题和答案。浏览器从上到下读取每个文件,因此首先加载的文件。大多数开发人员将脚本设置在底部,因为JS对页面加载有更大的影响。这意味着JS不会阻止底部的页面呈现。可能重复@SuperDJ,请阅读编辑。
    <head>
      <script src="/some/path/to/js"></script>
      <link href="/some/path/to/css">
    </head>