加载效果防止空白页

4860人阅读 2020/4/17 10:58 总访问：1012999 评论：0 收藏：0 手机

分类: 前端

在文档的<head>元素中包含的所有javascript文件，意味着必须等到全部javascript代码都被下载、

解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签是才开始呈现内容）。对

于那些需要很多javascript代码的页面来说，这无疑会导致浏览器再呈现页面时出现明显的延迟，而

延迟期间的浏览器窗口中将是一片空白。为了避免这个问题，现代WEB应用程序一般都把全部javascript

引用放在<body>元素中。

第二种方案：

在<script defer="defer" src="">defer属性可以放在head标签放置的脚本延迟加载，等到页面内容加载完

后再加载脚本,不过有些浏览器并不支持

欢迎加群讨论技术，群：677373950(满了，可以加，但通过不了)，2群：656732739

👈{{preArticle.title}}

👉{{nextArticle.title}}

评价

{{titleitem}} {{titleitem}}