javascript - document.onload 不适合我？

Question

好吧，我只是在玩 GreaseMonkey 的用户脚本，这只是我尝试做的一些简单的事情；

function test() {
document.getElementById('elementhere').innerHTML = 'test';
}
document.onload = test();

如果我转到要在其上使用它的页面并执行“运行”或“重新加载并运行”，它会起作用 - 但它不会自动运行，我试图通过使用 document.加载。

Answer 1

你需要的是:

window.onload = function () {
// do the work after everything was loaded (DOM, media elements)
}

document.onload 它不存在。如果您至少以文档中的某些特定元素为目标，它就会起作用，例如:

document.querySelector("img").onload = function ()
 {// do your thing after 'img' was loaded}

如果你想在 DOM 是唯一准备好的元素之后执行一些代码而不等待媒体元素加载，你还有其他选择，例如:

• 导入一个异步脚本标签，用代码加载文件: 您可以将此标记放置在 DOM 中的任何位置，它不会中断任何内容，将在 DOM 完成加载后加载。你应该看看MDN documentation关于那个。

• 如果您在 MDN documentation 中再次查看他们会在 Notes 部分推荐您使用 DOMContentLoaded 和 DOMFrameContentLoaded 事件，这些事件可以由 addEventListener 处理。所以，如果你这样做:

document.addEventListener('DOMContentLoaded', handlerFunc);

会为你工作。

希望对您有所帮助...