javascript - html/js：单页应用程序中是否存在“页面加载”事件？

Question

我正在构建一个单页应用程序，它（预）通过 ajax 加载不同页面的内容。当用户导航时，应用程序将特定标签内的旧内容替换为新内容（ajax 数据）。该新内容可以是例如包含文本和图像的文章。

我的问题是：在替换内容并加载新内容的每个外部资源后，是否有触发事件？就像“准备好”刷新 DOM 一样？

Answer 1

是的，jQuery 有一个对你有用的document.ready事件。

但是，如果您不想导入库，则可以复制 jQuery 的 event 。

编辑

原来我没有注意。

修改 DOM 时不会触发任何事件，因此不可能在类似的东西上添加侦听器。

您必须手动跟踪 DOM 上的修改。您可以将“回调”添加到您使用的修改函数中：

function addSomethingToPage(data){
    data.doSomething():
    domReady();
}

function domReady(){
    //re-usable "callback"
}