{site_name}

{site_name}

🌜 搜索

JavaScript API History 是一组用于操作浏览器历史记录的 JavaScript 方法

前端 𝄐 0
JavaScript Anywhere,javascript案例代码,Javascript Alert,Javascript API,JAVAscript按钮条件满足变色
JavaScript API History 是一组用于操作浏览器历史记录的 JavaScript 方法。它允许您通过添加、修改或删除当前页面的 URL 来管理用户在浏览器上的导航历史。

以下是一些常用的 History API 方法和示例:

1. history.pushState(stateObj, title, url)
这个方法添加一个新条目到浏览器的历史记录中,但不会刷新页面。


// 假设当前 url 是 http://example.com/
const stateObj = { foo: 'bar' };
const url = '/new-page';
history.pushState(stateObj, 'New Page', url);
// 现在 url 是 http://example.com/new-page


2. history.replaceState(stateObj, title, url)
这个方法会替换当前的浏览器历史记录条目,并且也不会刷新页面。


// 假设当前 url 是 http://example.com/
const stateObj = { foo: 'bar' };
const url = '/new-page';
history.replaceState(stateObj, 'New Page', url);
// 现在 url 是 http://example.com/new-page,但是历史记录没有添加新的条目


3. history.back()
这个方法会将浏览器后退到前一个历史记录条目。


history.back();


4. history.forward()
这个方法会将浏览器前进到下一个历史记录条目。


history.forward();


5. history.go(number)
这个方法会将浏览器向前或向后移动指定数量的历史记录条目。


// 向前移动一个历史记录条目
history.go(1);

// 向后移动两个历史记录条目
history.go(-2);