关注我们

Javascript - defer属性

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

可以在下图中理解 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. ")

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

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

后端工程师的高阶面经 -〔邓明〕

好记忆不如烂笔头。留下您的足迹吧 :)