JavaScript 加载状态监听方法 - 详细指南

可以使用以下方法监听 JavaScript 文件的加载状态：

1. 使用 HTML 标签的 onload 事件

在 HTML 中，可以使用 <img>、<script>、<link>、<style> 等标签，通过设置 onload 事件来监听文件的加载状态。例如：

<script src='example.js' onload='console.log('example.js loaded')'></script>

当 example.js 文件加载完成后，控制台会输出'example.js loaded'。

2. 使用 JavaScript 的 onload 事件

在 JavaScript 中，可以使用 Image 对象或 XMLHttpRequest 对象来加载文件，并通过设置 onload 事件来监听文件的加载状态。例如：

var img = new Image();
img.onload = function() {
  console.log('image loaded');
}
img.src = 'example.png';

当 example.png 图片加载完成后，控制台会输出'image loaded'。

3. 使用 defer 属性

在 HTML 中，可以使用 defer 属性来延迟 JavaScript 文件的执行，直到文档解析完成。例如：

<script src='example.js' defer></script>

使用 defer 属性可以确保 JavaScript 文件在文档解析完成后再执行，从而避免加载文件时出现的阻塞问题。

总之，以上是可以使用的方法来监听 JavaScript 文件的加载状态。