我需要以某种方式检测到用户按了浏览器的后退按钮，并使用jquery重新加载页面以进行刷新（重新加载内容和CSS）。
如何通过jquery检测这样的操作？
因为现在如果我使用浏览器的后退按钮，一些元素不会被重新加载。但是，如果我使用网站中的链接，所有内容都会刷新并正确显示。
重要！
有些人可能误解了我的意思。我不想刷新当前页面。我想刷新在按下后退按钮后加载的页面。以下是更详细的说明：
pageshow事件来处理浏览器通过历史记录遍历到您的页面的情况：window.addEventListener( "pageshow", function ( event ) {
var historyTraversal = event.persisted ||
( typeof window.performance != "undefined" &&
window.performance.navigation.type === 2 );
if ( historyTraversal ) {
// Handle page restore.
window.location.reload();
}
});
window.location.reload( true )。但我认为这不是最佳解决方案。window.addEventListener( "unload", function() {} );，但是它没有任何作用，返回按钮仍然像以前一样工作，没有任何变化 ;( - John Doeherskijwindow.addEventListener( "unload", function() {} );不起作用。它是否完整？ - John Doeherskij$(document).ready( function() { /* code here */ }); 中。 - John Doeherskijwindow.performance.navigation is deprecated. To check the navigation type I used window.performance.getEntriesByType("navigation")[0].type === "back_forward" - secondbreakfastwindow.performance.getEntriesByType("navigation")[0].type可以告诉我们页面在点击链接和返回按钮之前是如何被初始加载的。如果我先导航到该页面，然后导航到另一个页面，再返回，那么我会得到type="navigate"。如果我重新加载页面，然后点击链接，再返回，那么我会得到type="reload"。我从来没有像其他任何好的浏览器一样得到过"back_forward"。这在FFox或Edge中完美运行。有人能帮我解决Chrome的问题吗？还是需要一个新的问题？ - fpierrat这篇文章发布有一段时间了，但如果您不需要支持旧的浏览器，我发现了一种更加优雅的解决方案。
您可以使用以下代码进行检查：
performance.navigation.type
文档，包括浏览器支持信息，请参见：https://developer.mozilla.org/en-US/docs/Web/API/Performance/navigation
因此，要查看页面是否是使用“后退”从历史记录加载的，可以执行以下操作：
if(performance.navigation.type == 2){
location.reload(true);
}
数字2表示页面是通过浏览历史记录访问的。其他可能性包括-
0:页面通过链接、书签、表单提交或脚本访问，或者通过在地址栏中输入网址访问。
1:页面通过点击“重新加载”按钮或使用Location.reload()方法访问。
255: 其他方式。
这些详细信息在这里：https://developer.mozilla.org/zh-CN/docs/Web/API/PerformanceNavigation
请注意，Performance.navigation.type现已过时，应改用PerformanceNavigationTiming.type，它返回'navigate'/'reload'/'back_forward'/'prerender'：https://developer.mozilla.org/zh-CN/docs/Web/API/PerformanceNavigationTiming/type
由于performance.navigation现在已被弃用，您可以尝试以下方法：
var perfEntries = performance.getEntriesByType("navigation");
if (perfEntries[0].type === "back_forward") {
location.reload();
}
reload和navigate：https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming/type - run_the_racejQuery( document ).ready(function( $ ) {
//Use this inside your document ready jQuery
$(window).on('popstate', function() {
location.reload(true);
});
});
当用户点击回退或前进按钮，或者使用ajax时，此功能将100%起作用。
如果不起作用，则脚本的其他部分可能存在配置错误。
例如：如果之前的页面设置状态为：
不重新加载页面，则可能会出现此问题。
window.history.pushState('', null, './');`
因此，当你使用 history.pushState(); 时，
确保你正确地使用它！
在大多数情况下，你将会使用：
history.pushState(url, '', url);
不是window.history... 确保url已定义。
(function () {
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload();
}
};
})();
对我解决问题的另一种方案是禁用页面缓存。这会使浏览器从服务器获取页面，而不是使用缓存版本：
Response.AppendHeader("Cache-Control","no-cache, no-store, must-revalidate");
Response.AppendHeader("Pragma", "no-cache");
Response.AppendHeader("Expires", "0");
Response.Cache.SetCacheability(HttpCacheability.NoCache); Response.Cache.SetMaxAge(TimeSpan.Zero); Response.Cache.SetRevalidation(HttpCacheRevalidation.AllCaches); Response.Cache.SetNoStore(); - zeal如果用户点击返回按钮，目前最新的重新加载页面的方法如下：
const [entry] = performance.getEntriesByType("navigation");
// Show it in a nice table in the developer console
console.table(entry.toJSON());
if (entry["type"] === "back_forward")
location.reload();
请查看这里获取来源。
<input type="hidden" id="refresh" value="no">
$(document).ready(function(e) {
var $input = $('#refresh');
$input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});
本页面中的其他许多方法都无法解决我的问题，可能是因为"bfcache"在用户返回页面时阻止了任何操作。但是，我发现在大多数浏览器中注册一个window.onbeforeunload处理程序对我有用，我认为这有效是因为它隐式地使"bfcache"失效。以下是代码：
window.onbeforeunload = function() {
window.location.reload(true);
}
这个事件可能会在其他情况下触发，而不仅仅是“返回”按钮导航，但在我的情况下，这并不重要。我在2021年8月的以下平台上测试过最新版本的浏览器：
在我的情况下，我并不太关心移动端。我确实关心IE，但没有访问IE的权限，所以我无法测试它。 如果有人在IE上尝试并能在评论中报告结果，那将非常有帮助。
我发现，如果使用Cache-Control响应头使浏览器缓存失效，iOS Safari也可以正常工作。即发送
Cache-Control: no-store, must-revalidate
Cache-Control响应头。这在最新的Firefox和Chrome中都可以使用，截至2021年11月。
window.addEventListener( "pageshow", function ( event ) {
var perfEntries = performance.getEntriesByType("navigation");
if (perfEntries[0].type === "back_forward") {
location.reload();
}
});
'pageshow'事件然后检查PerformanceNavigationTiming条目中是否有'back_forward'条目的组合对我来说有效，而其他建议则无效。 - geogeo
on更改为off，css类别也会更改。它已经保存在数据库中，用户可以正确地看到所有内容。现在他点击其他链接。 例如关于我们页面，对吗？ 现在，他在关于我们页面上。 然后他决定返回先前的页面，并单击浏览器的后退按钮。 当他回到页面时，由于浏览器缓存，他看到的更改是在他触发ajax（开/关类别）之前显示的页面。 - John Doeherskij$.ajax({ url: url, method: 'post', processData: false, contentType: false, cache: false, dataType: 'json', data: formData, })你认为这可以通过ajax实现吗？如果是这样就太好了。 - John Doeherskij