从同一域单击后退按钮时重新加载网页



对于网站,当用户单击按钮时http://localhost:8080/differentpage.我希望当他们点击浏览器中的后退按钮时,它会重新加载http://localhost:8080.

使用下面的脚本,如果我离开域名,转到另一个网站并返回(即从http://localhost:8080到http://google.com然后单击后退按钮返回http://localhost:8080):

window.addEventListener( "pageshow", function ( event ) {
var historyTraversal = event.persisted || 
( typeof window.performance != "undefined" && 
window.performance.navigation.type === 2 );
if ( historyTraversal ) {
window.location.reload();
document.getElementById('topic').value = "";
}
});

但当我离开http://localhost:8080到http://localhost:8080/differentpage然后单击后退按钮返回http://localhost:8080它不会重新加载页面。如何使此操作重新加载页面?

使用window.location.href;像这样:

<html>
<head>
<title>Back Button</title>
</head>
<body>
<button type="button" name="" id="back:>Back</button>
</body>
</html>
let backButton = document.querySelector('back');
function goBack(e) {
e.preventDefault();
window.location.href = 'http://localhost:8080';
}
backButton.addEventLister('click', goBack);

如果我真的有你的问题,我希望这会有所帮助!

最新更新