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属性》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

猜你喜欢

Go语言核心36讲 -〔郝林〕

网络编程实战 -〔盛延敏〕

说透区块链 -〔自游〕

反爬虫兵法演绎20讲 -〔DS Hunter〕

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