Javascript - defer

首页 / JavaScript / JavaScript defer

defer是一个布尔值(Boolean),用于指示脚本在文档解析后执行。它仅适用于外部脚本(即,仅当无涯教程在<script>标记中指定src属性时有效)。它声明该脚本将不会创建任何内容。因此,浏览器可以继续解析页面的其余部分。具有defer属性的<script>不会阻止页面。

可以在下图中理解 defer 属性的用法:

JavaScript defer

当完整解析整个HTML文档时,此属性告诉浏览器执行<script>文件。有时,应用程序通过在HTML头部分添加<script>标记来消耗更多的内存,这还会导致性能问题。为了提高性能,可以在<script>标记中添加defer属性。

有时,脚本花费的时间超过预期的加载时间,并显示空白页而不是内容。在移动设备中,由于小型设备的内存不足,因此情况会更糟。因此,通过使用 defer 属性,可以提高加载性能。

在较旧的浏览器中不允许使用defer属性,因此对于较旧的浏览器,必须使用defer属性的替代方法。另一种解决方案是,必须在HTML文件的</ body>标记之前指定<script>部分。可以按照以下步骤完成:

<body>
<script src = " "> </script>
</body>

语法

<script defer>

在这里,无涯教程使用的是外部 javascript 文件,即 myscript.js

<!DOCTYPE html>
<html>
<head>
<script src = "myscript.js" defer>
</script>

</head>
<body>
<div>
<h1> learnfk.com </h1>
<h3> This is an example of defer attribute.  </h3>
</div>
</body>
</html>

myscript.js

alert(" Hello World. \n Welcome to the learnfk.com \n This is an example of the defer attribute. ")

这一章《Javascript - defer》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

相关文章

从0开始学微服务 -〔胡忠想 - 43讲〕

Java并发编程实战 -〔王宝令 - 51讲〕

MongoDB高手课 -〔唐建法(TJ) - 53讲〕

徐昊·TDD项目实战70讲 -〔徐昊 - 70讲〕

使用异步函数和promise 处理递归的最佳方法?

Bootstrap js onclick classList.remove 内容消失

Typescript - 具有无效值的类型断言不会引发错误

Material UI styled() 实用程序 - 如何递归更改突出显示的文本背...

以Angular 删除 beforeunload 事件

Javascript合并具有相同属性的对象

视频推荐〔JavaScript - 28-显示年龄案例〕

更多视频 »
好记忆不如烂笔头。留下你的足迹吧 :)