函数未加载到 EventListener "load"

Question

我有一个名为 sample.txt 的 .txt 文件，我想在其中加载一些文本并将其显示到我的 HTML 文档中。

这是我的代码：

<div id="test"></div>

document.getElementById('test').addEventListener("load", getText);
console.log("script loaded succesfully")
function getText(){
  fetch('sample.txt').then(function(data){
    console.log("hello")
    console.log(data.text);
  });
}

我的问题是函数 getText 未在加载时调用，这是怎么回事，当它注销脚本加载成功时？

Answer 1

调用 load 事件的正确方法是将其附加到 window，例如：

window.addEventListener("load", getText);

我认为要确保 DOM 已加载，您可以改用 DOMContentLoaded 事件：

document.addEventListener("DOMContentLoaded", getText);

函数未加载到 EventListener "load"

Function not loaded on EventListener "load"

javascript

load