Javascript - defer属性

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. ")

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

技术教程推荐

赵成的运维体系管理课 -〔赵成〕

软件设计之美 -〔郑晔〕

Vim 实用技巧必知必会 -〔吴咏炜〕

Spark核心原理与实战 -〔王磊〕

容量保障核心技术与实战 -〔吴骏龙〕

Go 语言项目开发实战 -〔孔令飞〕

说透区块链 -〔自游〕

Vue 3 企业级项目实战课 -〔杨文坚〕

手把手带你搭建推荐系统 -〔黄鸿波〕

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