{site_name}

{site_name}

🌜 搜索

JavaScript 的 History 对象是浏览器提供的一个内置对象,它允许

前端 𝄐 0
javascript基本语法遵循的标准,javascript技术,javascript基本数据类型不包括,javascript交互设计,javascript脚本语言的前身,javascript九九乘法表代码for循环
JavaScript 的 History 对象是浏览器提供的一个内置对象,它允许 JavaScript 与浏览器的历史记录栈进行交互。通过 History 对象,JavaScript 可以实现向前或向后导航、修改 URL 和在历史记录中添加新条目等操作。

常用的 History 对象方法包括:

- back():回到上一页;
- forward():前往下一页;
- go(n):前往相对于当前页的第 n 页(n 为正数表示向前,负数表示向后);
- pushState(stateObj, title, URL):向历史记录中添加新条目,并修改当前页面 URL;
- replaceState(stateObj, title, URL):替换当前页面在历史记录中的条目,并修改页面 URL。

例如,以下代码将使用 pushState 方法创建一个新的历史记录条目并将 URL 修改为 /newPage:

javascript
history.pushState({page: "newPage"}, "New Page", "/newPage");


当用户单击“后退”按钮时,浏览器将返回到之前的页面。当用户单击“前进”按钮时,浏览器将前往刚刚创建的新页面。同时,可以通过 state 属性访问 pushState 方法中传递的状态对象:

javascript
window.addEventListener("popstate", function(event) {
console.log(event.state.page); // 输出 "newPage"
});


这里的 popstate 是一个事件,会在用户单击“后退”或“前进”按钮时触发。在上面的代码中,我们监听 popstate 事件,并在回调函数中输出 state 对象的 page 属性,以便确认用户是否已经成功导航到新页面。