在没有JQuery的情况下加载HTML主体之后调用JavaScript脚本的最佳方式

Best way to call a JavaScript script after the HTML body loads with no JQuery?

本文关键字:JavaScript 之后 调用 脚本 方式 最佳 主体 HTML JQuery 情况下 加载      更新时间:2023-09-26

我有一个稍大的.js文件,该文件当前在HTML页面的标头中被调用,但它无法执行,因为在调用脚本时元素尚未加载。实现这一点的最佳方式是什么?我试着添加

 document.addEventListener("DOMContentLoaded", load, false);

但这似乎不起作用。在页脚或内联中调用脚本不是一个选项,JQuery也不是。

满足负载。

加载事件在文档加载过程结束时触发。此时,文档中的所有对象都在DOM中,并且所有图像、脚本、链接和子帧都已完成加载。

还有Gecko特定的DOM事件,如DOMContentLoaded和DOMFrameContentLoaded(可以使用EventTarget.addEventListener()),它们在页面已构造,但不要等待其他资源完成装载。