1.阻止浏览器回退(vue页面在mounted生命周期里面)
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
2.浏览器页面关闭当前页
window.close()
3.浏览器同一个系统打开了多个窗口,父页面像子页面传参直接可以通过路由传参,但是有时候我们想在子页面进行一些操作,然后点回父页面的窗口时刷新父页面,
子页面可以使用:
window.opener('父页面定义的方法例如a',参数)
父页面
// 如果是vue项目则在mounted生命周期里面
window["子页面调用的方法名a"] = () => {
// 进行子页面完成某些操作后,父页面需要进行的动作,例如,子页面点击保存后,回调此方法刷新父页面
getTablelist();
};
如果父窗口关闭会报错,一般需要判断一下窗口状态
if(window.opener && !window.opener.closed){}