FIX: Browser back button doesn't reload page in JavaScript
3 min. read
Updated on
Share this article
Improve this guide
Read our disclosure page to find out how can you help Windows Report sustain the editorial team Read more
Key notes
- If the browser's back button is not reloading the page, it might be a problem with JavaScript.
- The back button does not reload the page and that means that you can't go back to the previously loaded webpage.
- One obvious solution to avoid this problem is to start using a different browser.
- You can also fix this issue with a cleverly devised JavaScript command that you can see below.
Quite a few users, and especially programmers encountered an issue when working in JavaScript. They want to be able to reload the webpage the user is observing by using the back button inside the browser.
If the code fails to update the cached data from the initial page, the back button will show the cached data, but without the latest data updates applied.
This can cause a lot of confusion especially if the webpage you’re working on is a complex project with a lot of complicated commands.
If the browser back button persists and the page is not working, you will be able to fix it with our solutions below.
Even though each browser manages cache differently, the fix we’re discussing in this article will be using JavaScript, so it applies to any browser. Read on to find out how to do it.
The solutions also cover the Safari back button does not reload page issue so make sure you read them carefully.
What can I do if the back button doesn’t reload the page?
1. Try a different browser
Even the most famous browsers can prove to be prone to errors and bugs and the back button issue is just one of the examples.
If you got tired of your current browser and you’re looking to switch to a new and better one, try Opera One. It’s fast, secure, privacy compliant, fully customizable, and, most of all, it’s free.
More so, it is frequently updated, and therefore improved upon, so any bug you may happen to find will never stay there for long anyway.
It comes with an ad blocker, built-in social network shortcut buttons for Messenger, Instagram, and WhatsApp, and also a built-in VPN. It also brings you a built-in AI.
Opera One
Choose this browser and never have to worry about coding problems like JavaScript-related issues. Available for download for free!2. Create a command for the List layer
Because Maintenance applications have two pages – the List and Maintain view, we will tackle this issue focusing only on the List page.
In order to achieve reloading cached data when users press the back button of a web-page inside a browser, you will need to copy-paste this command directly before the </head> tag, inside the source view of the List layer:
<script type="text/javascript">
jQuery(document).ready(function()
{
var d = new Date();
d = d.getTime();
if (jQuery('#reloadValue').val().length == 0)
{
jQuery('#reloadValue').val(d);
jQuery('body').show();
}
else
{
jQuery('#reloadValue').val('');
location.reload();
}
});
</script>After this code is added to your List layer, you will also need to add a line of code after the End data Table text:
<input id =''reloadValue'' type =''hidden'' name =''reloadValue'' value=''/>
After this process is done, the user that is browsing your website will be able to reload the previous page with the updated live cache data, by simply clicking the back button.
Please feel free to let us know if this short guide helped you solve your issue in JavaScript.
