defer属性是一个布尔值,用于指示在文档解析完成后执行脚本。它仅适用于外部脚本,也就是在<script>标签中指定了src属性的情况下才有效。它声明脚本不会创建任何内容,使浏览器能够继续解析页面的其余部分。带有defer属性的<script>不会阻塞页面加载。

以下是defer属性如何工作的示意图:

1.png

此属性告诉浏览器在完全解析整个HTML文档后再执行<script>文件。有时,在HTML头部添加<script>标签可能会消耗更多内存并导致性能问题。为了提高性能,您可以在<script>标签中使用defer属性。

在某些情况下,脚本加载所需的时间超过预期,会导致显示空白页面而不是内容,这可能是一个问题,特别是在内存有限的移动设备上。通过使用defer属性,您可以改善加载性能。

需要注意的是,defer属性在较旧的浏览器中不受支持。对于较旧的浏览器,您应该将<script>部分放置在HTML </body> 标签前,作为替代解决方案,如下所示:

<body>
  <script src="myscript.js"></script>
</body>

语法

<script defer></script>

示例

在此示例中,我们使用了名为 myscript.js 的外部JavaScript文件。

<!DOCTYPE html>
<html>
<head>
  <script src="myscript.js" defer></script>
</head>
<body>
  <div>
    <h1>javaTiku.com</h1>
    <h3>这是defer属性的示例。</h3>
  </div>
</body>
</html>

myscript.js

alert("你好,世界。\n欢迎来到javaTiku.com。\n这是defer属性的示例。");

标签: js, JavaScript, JavaScript语言, JavaScript开发, JavaScript语法, JavaScript脚本, JavaScript教程, JavaScript入门, JavaScript入门教程, JavaScript进阶, JavaScript宝典, JavaScript学习, JavaScript指南, JavaScript大全