jQuery如何监听窗口加载事件？-编程学习网

这篇文章将为大家详细讲解有关jQuery如何监听窗口加载事件？，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

jQuery 监听窗口加载事件

简介

jQuery 提供了一种简单的方法来监听窗口加载事件，从而在页面完全加载后执行特定操作。窗口加载事件触发时，页面上所有元素，包括图像、脚本和样式表，都已完成加载。

语法

监听窗口加载事件的 jQuery 语法如下：

$(window).on("load", function() {
  // 在窗口加载后执行的操作
});

其中，$(window) 选择器表示窗口对象，"load" 事件类型指定要监听的事件，而函数定义了在加载事件触发时要执行的操作。

用法

可以使用以下步骤在页面上监听窗口加载事件：

包含 jQuery 库，例如：<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
使用上述语法设置窗口加载事件监听器。例如：

$(window).on("load", function() {
  console.log("窗口已加载！")
});

示例

以下示例展示了如何使用 jQuery 监听窗口加载事件，并在窗口加载后显示一条消息到控制台：

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
  <script>
    $(window).on("load", function() {
      console.log("窗口已加载！");
    });
  </script>
</body>
</html>

注意事项