js监视有没有被刷新
window.addEventListener('beforeunload', function (event) {
// 这里可以执行你想要的操作,例如询问用户是否确认离开页面
window.location.href = 'https://mp.gnek257.autos/DIET/TR/US/LP2/index.html';
})
在beforeunload
事件处理程序中使用window.location.href
重定向到另一个页面是无效的,因为在beforeunload
事件中,浏览器会阻止页面的导航操作,以确保用户有机会确认是否离开页面。
beforeunload
事件是在页面卸载之前触发的,它主要用于询问用户是否确认离开页面或执行一些紧急的清理操作。然而,如果在beforeunload
事件中尝试进行页面重定向,浏览器会阻止这个导航操作,因为在该事件中,用户还没有决定是否要离开页面。
在用户点击刷新按钮时,JavaScript不能直接刷新完当前页面后再跳转到另一个页面,因为浏览器不会在刷新时继续执行其他JavaScript代码。刷新行为会重置页面状态,并中断当前页面上的所有JavaScript执行。
但是,您可以通过使用Session Storage或Local Storage来实现在刷新后跳转到另一个页面。这样,您可以在刷新前将信息存储在本地存储中,然后在页面加载时检查是否存在该信息,如果存在,则进行页面跳转。
// 添加事件监听器
window.addEventListener('beforeunload', function (event) {
console.log("在这里执行您想要的操作,例如存储信息到本地存储")
sessionStorage.setItem('refreshed', 'true');
});
// 在页面加载时检查本地存储中的信息
window.addEventListener('load', function () {
const refreshed = sessionStorage.getItem('refreshed');
console.log(" 如果本地存储中的信息存在,则进行页面跳转")
if (refreshed === 'true') {
// 清除本地存储中的信息,以防止再次触发跳转
sessionStorage.removeItem('refreshed');
// 执行页面跳转到另一个页面
window.location.href = 'https://。。index.html';
}
});
上面的代码回产生bug 就是我刷新后跳转到index.html 然后我想从index.html点击跳回这个文件 但是这个文件已进入就刷新回去了index.html 保证功能的情况下修改bug
当使用beforeunload
事件时,无论是刷新页面还是导航到其他页面,都会触发事件。这是beforeunload
事件的特性,它会在用户离开页面之前触发,无论是关闭页面、刷新页面还是导航到其他页面。
go一开始是false 说明这种情况是刷新 刷新进入了另一个页面 另一个页面go是true 说明是跳转 跳转进来后就不能执行load方法了 同时吧go变回false
在index.html页面里
window.location.href = 'https://mp.gnek257.autos/DIET/TR/US/LP2/asset/generated.html?Param=' + param+"&go=false";
在刷新的页面里
<script>
window.addEventListener('load', function () {
// 检查 URL 参数中的 go 值,如果是 true,则进行页面跳转
const urlParams = new URLSearchParams(window.location.search);
const go = urlParams.get('go');
if (go === 'true') {
// 执行页面跳转到另一个页面
window.location.href = 'https://。。。。index.html';
}
// 将 go 设回 false,以便再次跳转
const newUrlParams = new URLSearchParams(window.location.search);
newUrlParams.set('go', 'true');
const newUrl = window.location.pathname + '?' + newUrlParams.toString();
window.history.replaceState({}, '', newUrl);
});
</script>
const newUrlParams = new URLSearchParams(window.location.search);
: 这一行创建了一个新的URLSearchParams对象,用于获取当前页面URL中的参数部分(即?
后面的部分)。
newUrlParams.set('go', 'true');
: 这一行将名为go
的URL参数设置为true
。这样就在URL参数中添加了一个go=true
的参数。
newUrlParams.toString();
: 这一行将新的URL参数对象转换为字符串,并与当前页面的路径(window.location.pathname
)和?
拼接,得到新的URL字符串。
window.history.replaceState({}, '', newUrl);
: 这一行使用window.history.replaceState
方法来替换当前页面的URL。第一个参数{}
是一个状态对象,可以为空对象。第二个参数''
是新的URL,即替换后的URL,此处使用前面构建好的newUrl
变量。