How do I redirect with JavaScript?

JavascriptRedirect

Javascript Problem Overview

How do you redirect to a page from another page with JavaScript?

Javascript Solutions

Solution 1 - Javascript

To redirect to another page, you can use:

window.location = "http://www.yoururl.com";

Solution 2 - Javascript

window.location.replace('http://sidanmor.com');

It's better than using window.location.href = 'http://sidanmor.com';

Using replace() is better because it does not keep the originating page in the session history, meaning the user won't get stuck in a never-ending back-button fiasco.

> If you want to simulate someone clicking on a link, use > window.location.href > > If you want to simulate an HTTP redirect, use window.location.replace

For example:

// similar behavior as an HTTP redirect
window.location.replace("http://sidanmor.com");

// similar behavior as clicking on a link
window.location.href = "http://sidanmor.com";

Taken from here: How to redirect to another page in jQuery?

Solution 3 - Javascript

You can't redirect to a function. What you can do is pass some flag on the URL when redirecting, then check that flag in the server side code and if raised, execute the function.

For example:

document.location = "MyPage.php?action=DoThis";

Then in your PHP code check for "action" in the query string and if equal to "DoThis" execute whatever function you need.

Solution 4 - Javascript

  • If you want to simulate someone clicking on a link, use location.href.
  • If you want to simulate an HTTP redirect, use location.replace.

For example:

// Similar behavior as an HTTP redirect
window.location.replace("http://stackoverflow.com");

// Similar behavior as clicking on a link
window.location.href = "http://stackoverflow.com";

Information copied from [this answer to a duplicate question][1] [1]: https://stackoverflow.com/questions/503093/how-to-redirect-to-another-webpage/506004#506004

Solution 5 - Javascript

You may need to explain your question a little more.

When you say "redirect", to most people that suggest changing the location of the HTML page:

window.location = url;

When you say "redirect to function" - it doesn't really make sense. You can call a function or you can redirect to another page.
You can even redirect and have a function called when the new page loads.

Solution 6 - Javascript

Compared to window.location="url"; it is much easyer to do just location="url"; I always use that

Categories
Recommended Javascript Solutions
Recommended Redirect Solutions

Previous Solution:

Update Git submodule to latest commit on origin

GitGit SubmodulesGit Pull

Next Solution:

How do I clear/delete the current line in terminal?

BashTerminal

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionLucky13View Question on Stackoverflow
Solution 1 - JavascriptseedgView Answer on Stackoverflow
Solution 2 - JavascriptsidanmorView Answer on Stackoverflow
Solution 3 - JavascriptShadow Wizard Says No More WarView Answer on Stackoverflow
Solution 4 - JavascriptKipView Answer on Stackoverflow
Solution 5 - JavascriptFentonView Answer on Stackoverflow
Solution 6 - JavascriptZeusView Answer on Stackoverflow