前端页面跳转学习笔记

2022-03-13

1. 原生页面跳转

使用window.open打开新窗口
使用Location下的href、assign()和replace()进行页面跳转，页面数据都会重新加载；replace()方法与assign()方法不同的是，调用replace()方法后，当前页面不会保存到会话历史中（session History），这样用户点击回退按钮时，将不会再跳转到该页面。

例子

1
2
3

location.href = 'https://developer.mozilla.org/zh-CN/docs/Web/API/Location/reload';
document.location.assign('https://developer.mozilla.org/zh-CN/docs/Web/API/Location/reload');
window.location.replace('https://developer.mozilla.org/en-US/docs/Web/API/Location/reload');

History 接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。

more >>

展开全文 >>

jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true