2016 - 2024

感恩一路有你

等页面加载完再加载js JS判断页面是否加载完成?

浏览量:2645 时间:2021-03-17 10:58:23 作者:admin

JS判断页面是否加载完成?

1. HTML和JS是并行下载的吗?如果您想询问浏览器是否会在加载HTML页面之前加载外部JS,那么可以接受节点.js编写一个请求处理程序,并尝试在多次刷新之间设置一个时间间隔。

2. JS的下载是否阻止了页面的呈现,或者JS的执行是否阻止了页面的呈现,或者两者都阻止了页面的DOM树?在解析非异步外部JS时,它将阻塞DOM树,并且在加载和执行DOM树之前不会解析DOM树。

3. 脚本标签是放在头上还是放在体上都会影响JS的下载开始时间或执行开始时间。如果我们不考虑HTTP并发请求数的限制,忽略接收页面响应体的时间消耗,那么外部脚本也不会(太)影响预解析浏览器中任何地方的加载开始时间。需要注意的是,虽然加载是并行的,但是JS会阻止DOM树解析,所以如果将script[SRC]放在头部,它会阻止第一次屏幕呈现,最好放在主体的末尾。

4. CSS、图片等外部资源的下载是否与HTML、JS的下载并行是相当复杂的。基本的指导原则是浏览器将尽量并行化所有的加载并尽快完成加载,同时还要考虑并发请求数的限制。如前一篇文章所述,并行加载、DOM树解析、JS执行和第一屏呈现都是串行的。浏览器将尽快完成加载,这并不意味着这些元素的放置顺序不重要。

等页面加载完再加载js js实现数据预加载 如何判断页面加载完成

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。