Javascript 如何在不重新加载页面的情况下更改页面url和页面内容？

当我点击浏览器中的链接（例如test.com/page？=test）我的选项卡时，我想打开链接，但不重新加载或刷新页面，并将内容更改为页面内容

我怎么开始呢？我知道PHP，但这是我第一次尝试这么做。

---

嗯，我怀疑有什么简单的方法可以做到这一点。 这可能会有所帮助。

可能会重复

document.body.addEventListener('click', function(event){
    if(event.target.tagName === 'A'){
       event.preventDefault();
       history.replaceState({}, "Page Title", event.target.href);
    }
})