url欺诈--HTML5无刷修改url

HTML5 提供了一个新的 History API，可以用来无刷新地修改浏览器的 URL。其中最常用的两个方法是 history.pushState() 和 history.replaceState()。

history.pushState() 方法可以在浏览器的历史记录中添加一个新的状态，而不会导致页面刷新。

history.replaceState() 方法则是用来修改当前的历史记录条目。

下面是一个使用 history.pushState() 的例子：

// 当前页面的标题
var pageTitle = "页面状态1";
 
// 设置新的历史记录条目
history.pushState({
    pageTitle: pageTitle
}, pageTitle, "/new-url");
 
// 监听popstate事件来处理回退和前进
window.addEventListener("popstate", function(event) {
    if (event.state) {
        // 根据历史记录条目的状态来改变页面标题
        document.title = event.state.pageTitle;
    }
});

这段代码会在浏览器的地址栏显示为 "/new-url"，并且在用户点击浏览器的回退按钮时可以改变页面的标题。

请注意，这些方法不会真正地创建一个新的 URL，它们只是修改了浏览器的历史记录条目。因此，如果用户刷新页面，他们访问的仍然是实际的 URL，这样可以避免可能出现的 URL欺诈问题。