更改URL后如何完全重新加载HTML页面？

Question

我目前正在使用Chrome扩展程序。我有两种方法来监控URL更改：

1. 使用变异Observer观察所有子元素的变化;
2. 检查window.location.href是否等于旧的href。

第一个正在运行，但可能需要花费太多电话而且未来不容易扩展。第二个很简单，代码是：

var currentPage = window.location.href;
    setInterval(() => {
        if (currentPage != window.location.href) {
            currentPage = window.location.href;
            $(function() {
                myFunction(); //append some buttons inside the HTML
            });
        }
    }, 500);

但这不起作用，因为当它发现currentPage发生了变化时，myFunction会立即在旧的HTML页面中附加按钮，因为新页面没有重新加载，但是旧的是。

我想知道是否有任何方法可以在此代码中稍微更改并使其正常工作，以便按钮将正确附加到当前页面。

Answer 1

尝试DOMContentLoaded事件在DOM加载后执行函数。

document.addEventListener('DOMContentLoaded', function(){
//your code for after the page is loaded
});