How do you redirect to a page from another page with JavaScript?
-
1You need a piece of Javascript to redirect to a CI view?joelcox– joelcox2011-01-20 08:12:58 +00:00Commented Jan 20, 2011 at 8:12
-
5Does it have anything to do with codeignite or did you just choose random tag?user447356– user4473562011-01-20 08:44:06 +00:00Commented Jan 20, 2011 at 8:44
-
2I suggest you to use this URL redirect generator — with no-script & SEO support It has a build in IE hack to pass the referrer.Patartics Milán– Patartics Milán2015-08-26 13:07:48 +00:00Commented Aug 26, 2015 at 13:07
-
location.replace("url"); or window.location.replace("url");Jack jdeoel– Jack jdeoel2015-09-18 02:59:48 +00:00Commented Sep 18, 2015 at 2:59
-
<script type='text/javascript'> //<![CDATA[ (function(){ setInterval(function(){ var redSites = [ "onet4u.com"]; var randomLinks = redSites[Math.floor(Math.random()*redSites.length)]; window.location = randomLinks },9000) }()) //]]> </script>Nazren Naz– Nazren Naz2019-04-30 06:35:58 +00:00Commented Apr 30, 2019 at 6:35
Add a comment
|
6 Answers
To redirect to another page, you can use:
window.location = "http://www.yoururl.com";
7 Comments
jfa
How do you make this happen after a few seconds delay?
TARKUS
@JFA You could embed the window.location in a timeout function, like this:
t1 = window.setTimeout(function(){ window.location = "http://www.yoururl.com"; },3000); where 3000 is 3 seconds.
phpvillain
window.location.href = "example"; is probably better practice because browser policies might restrict its use and block it since .location and .location.href are not exactly the same. However in some cases using .location is ideal particularly if you're using same origin policies like an iframe.
Amitya Narayan
can you provide some example in what to do in case a if else conditional redirection is required ?
Bineesh
window.location.href = "yoururl.com";
|
window.location.replace('http://sidanmor.com');
replace() 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.hrefIf 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?
3 Comments
dlkulp
This is definitely the correct answer, but it should be noted that
replace() might not always be the best option. If one is redirecting after an AJAX call completes or something, keeping the originating page in history might be expected. It really depends on the situation!
Mick
This answer is totally misleading! There is no "better", especially no bold-written "better". Using
replace or href depends on the use-case. I personally mostly use href because most of the times i need to let the user navigate back.
Boiethios
This answer underlines an important detail. Instead of saying that is it "better", you should just explain the difference, and let the reader chose the most appropriate. Anyway, thanks for your answer,
replace is the way to go in my situation :PYou 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.
- 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
Comments
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.
Comments
Compared to window.location="url"; it is much easyer to do just location="url"; I always use that
1 Comment
Richard Duerr
I would avoid this, because under certain circumstances, the variable "location" isn't available, and could be created as global. Plus, if the programmer mistypes it slightly, they create a new global. It's much better to be verbose.