javascript - html/js : is there a "page loaded" event in single page applications?

Question

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

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

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"
}