JavaScript Refresh Page Method

Contents

JavaScript Refresh Page: Main Tips

• The location.reload() method reloads the current web page.
• The method gives the exact same result as pressing the RELOAD button in your browser.
• The JavaScript reload page method loads the page from the cache by default. If the forceGet property is set to true, the page is reloaded from the server.
• The JS reload page method does not have a return value.

Using location.reload()

The JavaScript refresh page function can reload the current resource. In most cases, a page is selected to be refreshed. The method also has other perks, such as helping you get the URL address of the current page, redirect the browser to another page, and, of course, refresh page JavaScript.

The following example contains the code you can use to reload a website. Click the Try it Live button, and make modifications to the script!

The boolean parameter of this JS reload page method is automatically set as false. If you indicate true in the parentheses, the page will be reloaded from the server instead of cache.

In other words, by replacing the default false with true, you are forcing the website to be loaded from the server.

The JavaScript refresh page method is a popular choice among developers to reload webpages. The location of the document loaded on the window is found in the location variable. By invoking the location.reload() , you will perform the same kind of reload a regular browser refresh executes.

location.reload() Syntax

This is how you can call the refresh page JavaScript method from within your code (to reload from server):

We have indicated that JavaScript refresh page command can have the forceGet parameter included in the the parentheses. This parameter always has a boolean value of either true or false However, it is optional.

The forceGet parameter should be only used when developers want to force the website to reload from the server. The JavaScript refresh page function without a parameter in its parentheses will reload the page from cache.

Another way to reload the page is by using the timedRefresh command. You can specify how frequently to refresh the page, and it will do so automatically non-stop.

Refresh browser window using JS [duplicate]

I am trying to refresh the browser window using the following code:

but it doesn’t refresh the window, however when I try to do this:

It does redirect me to Google. Can anyone please tell me what I am doing wrong here? Why doesn’t it refresh the browser window?

4 Answers 4

Use window.location.reload() , it does exactly that.

location.reload(forceGet) can do the trick. Also, you can set the parameter forceGet to true so that it reloads the page from the server and not from the browser cache. Doing this solve me some issues with IE11 and Edge. By default ( location.reload() ) will reload from the cache.

In the past I did something like window.location = » to refresh the current page but faced issues (wasn’t getting the complete url) with Edge and IE 11 even though it worked well on all other major browsers. So I eventually used location.reload(true) to get to work on Edge.

you can even use location.reload();

In my experience the following is the best one

Also we can make it like,

the second one is getting the current location and assigning the location as current location 🙂

Not the answer you’re looking for? Browse other questions tagged javascript or ask your own question.

Linked

Related

Hot Network Questions

site design / logo © 2021 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2021.4.16.39093

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

JavaScript Refresh Page

In JavaScript, you refresh the page using document.location.reload() . You can add the true keyword to force the reloaded page to come from the server (instead of cache). Alternatively, you can use the false keyword to reload the page from the cache.

This code can be called automatically upon an event or simply when the user clicks on a link.

Example JavaScript Refresh Code

Auto-Refresh

You can also use JavaScript to refresh the page automatically after a given time period. Here, we are refreshing the page 5 seconds after the page loads. This results in the page continuously refreshing every 5 seconds.

You can achieve the same effect using the HTML meta tag.

Other Refresh Tricks

By including your refresh code in a function, you can have complete control over when the page is refreshed.

Example 1

Instead of having the «page refresh» function called automatically when the page loads, you can call it only when the user performs some action — such as clicking on a link.

Example 2

You can use conditional statements to determine whether or not to refresh the page. Here’s a basic example of using a «confirm» box to ask the user if it’s OK to refresh the page.

By incorporating refresh code with a JavaScript function, you can trigger a refresh at any time that makes sense to your web application.

HTML Refresh

The above examples will only work as long as the user has JavaScript enabled on their browser. You can also use HTML to refresh a page automatically once the page has loaded. This is achieved by using the HTML meta tag.

How to reload a page using JavaScript

How can I reload the page using JavaScript?

I need a method that works in all browsers.

18 Answers 18

See this MDN page for more information.

If you are refreshing after an onclick then you’ll need to return false directly after

Here are 535 ways to reload the page using JavaScript, the easiest being location = location .

These are the first 50:

You can perform this task using window.location.reload(); . As there are many ways to do this but I think it is the appropriate way to reload the same document with JavaScript. Here is the explanation

JavaScript window.location object can be used

• to get current page address (URL)
• to redirect the browser to another page
• to reload the same page

window : in JavaScript represents an open window in a browser.

location : in JavaScript holds information about current URL.

The location object is like a fragment of the window object and is called up through the window.location property.

location object has three methods:

1. assign() : used to load a new document
2. reload() : used to reload current document
3. replace() : used to replace current document with a new one

So here we need to use reload() , because it can help us in reloading the same document.

Refresh a page using JavaScript or HTML [duplicate]

How can I refresh a page using JavaScript or HTML?

8 Answers 8

window.location.reload(); in JavaScript

in HTML (where 1 = 1 second).

Here are 535 ways to reload a page using javascript, very cool:

Here are the first 20:

and the last 10:

If false, the page will be reloaded from cache, else from the server.

should work however there are many different options like:

You can also use

It works fine for me.

If it has something to do control updates on cached pages here I have a nice method how to do this.

• add some javascript to the page that always get the versionnumber of the page as a string (ajax) at loading. for example: www.yoursite.com/page/about?getVer=1&__[date]
• Compare it to the stored versionnumber (stored in cookie or localStorage) if user has visited the page once, otherwise store it directly.
• If version is not the same as local version, refresh the page using window.location.reload(true)
• You will see any changes made on the page.

This method requires at least one request even when no request is needed because it already exists in the local browser cache. But the overhead is less comparing to using no cache at all (to be sure the page will show the right updated content). This requires just a few bytes for each page request instead of all content for each page.

IMPORTANT: The version info request must be implemented on your server otherwise it will return the whole page.

Example of version string returned by www.yoursite.com/page/about?getVer=1&__[date] : skg2pl-v8kqb

To give you an example in code, here is a part of my library (I don’t think you can use it but maybe it gives you some idea how to do it):

If you are using version independent resources like javascript or css files, add versionnumbers (implemented with a url rewrite and not with a query because they mostly won’t be cached). For example: www.yoursite.com/ver-01/about.js

For me, this method is working great, maybe it can help you too.