如何在页面加载 JavaScript 后立即调用函数

在网页设计和编程中，有时候需要在页面加载完 JavaScript 后就立即调用某个函数。在这种情况下，可以使用以下方法：

方法一：使用window.onload事件

window.onload 事件会在页面和所有资源都加载完毕后触发，因此可以利用它来调用函数。但是需要注意的是，window.onload 只执行一次，如果页面中有多个 JS 文件需要加载，只有当最后一个文件加载完毕后才会触发。

示例代码：

window.onload = function() {
    // 在这里调用需要立即执行的函数
};

方法二：使用立即执行函数

立即执行函数（Immediately Invoked Function Expression，IIFE）是指在定义后立即执行的函数表达式，它可以使函数在加载时立即执行。

示例代码：

(function() {
    // 在这里调用需要立即执行的函数
})();

方法三：使用defer属性

defer 属性用于延迟脚本的执行，使其在页面解析完毕后再执行。这意味着可以先将 JavaScript 文件加载到页面中，然后在文件末尾调用需要立即执行的函数。

示例代码：

<script src="your-js-file.js" defer></script>

在 your-js-file.js 文件末尾加上立即执行函数：

(function() {
    // 在这里调用需要立即执行的函数
})();

方法四：使用async属性

async 属性用于异步加载脚本，不会阻塞 HTML 解析。与 defer 属性不同，async 属性加载完 JavaScript 后会立即执行，因此需要将函数调用放在 JavaScript 文件中。

示例代码：

<script src="your-js-file.js" async></script>

在 your-js-file.js 文件中增加带有立即执行函数的代码：

(function() {
    // 在这里调用需要立即执行的函数
})();

以上是在页面加载 JavaScript 后立即调用函数的几种方法，可以根据实际需要选择最适合自己的方法。