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

Question

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

我的问题是：在更换内容并且加载了新内容的每个外部资源之后是否会触发一个事件？就像用于刷新DOM的“dom ready”一样？

Answer 1

是的，jQuery has a document.ready event应该适合你。

但如果您不想导入库，则可以replicate jQuery's event。

修改

原来我没有注意。

修改DOM时不会触发任何事件，因此无法在此类事件上添加侦听器。

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

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

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