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);
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);
本文地址:
/show-270341.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。