• 首页

  • 文章归档

  • 友情链接

  • 关于页面
R u n o o b
R u n o o b

枫之随刃

获取中...

12
17
前端面试题

前端知识22 js放在html的和有什么区别

发表于 2020-12-17 • 被 22 次浏览

js 放在 中,如果不添加 async 或者 defer 时,当浏览器遇到 script 时,会阻塞 DOM 树的构建,进而影响页面的加载。当 js 文件较多时,页面白屏的时间也会变长。

在这个过程中,如果解析器遇到了一个脚本(script),它就会停下来,并且执行这个脚本,然后才会继续解析 HTML。如果遇到了一个引用外部资源的脚本(script),它就必须停下来等待这个脚本资源的下载,而这个行为会导致一个或者多个的网络往返,并且会延迟页面的首次渲染时间。

把 js 放到 里(一般在 的上面)时,由于 DOM 时顺序解析的,因此 js 不会阻塞 DOM 的解析。对于必须要在 DOM 解析前就要加载的 js,我们需要放在 中。

参考文章:
该把 JS 文件放在 HTML 文档的那个位置

分享到:
前端知识23 关于
标签的enctype属性你有哪些了解?
前端知识21 谈谈你对input元素中readonly和disabled属性的理解
  • 文章目录
  • 站点概览
枫之随刃

帅哥枫之随刃

弱小和无知不是生存的障碍,傲慢才是。

Github QQ Email RSS
最热文章 Top5
  • springboot源码解析:启动过程 172次查看
  • 素材资源 117次查看
  • java中synchronized的底层实现 109次查看
  • 两个线程交替顺序打印出数字1-10 91次查看
  • Spring事务传播行为详解 80次查看

Copyright © 2021 枫之随刃 · 陕ICP备20011248号

Proudly published with Halo · Theme by fyang · 站点地图