将外部 JavaScript 文件加载到 HTML 文件中的最佳方式

最新推荐文章于 2024-04-02 02:00:00 发布

yihanss

最新推荐文章于 2024-04-02 02:00:00 发布

阅读量839

点赞数

分类专栏： javascript web开发网络开发文章标签： javascript html 前端 web

本文链接：https://blog.csdn.net/yihanss/article/details/126777852

版权

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

如果您使用 JavaScript 编码的时间已经足够长，您就会知道有多种方法可以将脚本包含到 HTML 文档中。

不幸的是，由于 JavaScript 的时代，有许多技术可以在 Web 上包含外部文件 - 其中许多已经过时。

那么，这样做的首选方法是什么？

让我给你介绍一下defer属性。这在 HTML

当一个

这样做有 3 个主要好处：

无法找到元素的那些（或者是null）。

我们之前都做过 - 试图在文档被解析之前选择一个 HTML 元素，导致错误消息类似于“无法访问 X of null”。

过去的解决方案涉及使用onload事件，甚至更好的是使用DOMContentLoaded事件。现在，我们有了defer属性。

这是它的用法示例：

<!DOCTYPE html>
<html>
    <head>
        <title>Website Title</title>
        <script src="js/main.js" defer></script>
    </head>
</html>

// src/main.js

// Only executes once the DOM has been parsed - no errors! 😏
const myInput = document.getElementById("myInput");

我希望defer属性对你有好处💪

关注