how to do a relative path redirection using javascript?

Question

I'm working on javascript/jquery in a php based site, and I have to redirect the page upon an event in the page.

lets say, on clicking the button "click me" in "page1.php", the page should be redirected to "page2.php". This redirection has to be done using javascript/ jquery. Both pages are in the same folder, and the redirection code should use 'RELATIVE LINKS'.

Now, I am able to redirect if I give the absolute link to page2.php, but could someone let me know how to do the same with a relative link?

something like:

window.location.href = 'page2.php';

thanks.

Why don't just use hyperlinks, setting href with script, if necessary? — unclenorton
– unclenorton, Commented Nov 6, 2011 at 17:11
Oops.. that actually works. The bug due to which redirection was not working in my code was infact due to some other line of code. This line - window.location.href = "whateverpage.php" works, and it is relative path. So I believe redirection is that simple, be it absolute/ relative. Thanks! — arun nair
– arun nair, Commented Nov 6, 2011 at 17:20
@kritzikratzi - Yes, I tried flagging the appropriate on as the answer, but then StackOverflow requires me to wait for some 2 days before I can do that. Probably something the site should consider reworking, as the author should have the privilege to mark "answered" whenever he wants. — arun nair
– arun nair, Commented Nov 7, 2011 at 5:10

fedosov · Accepted Answer · 2013-08-06 11:18:05Z

33

window.location.href = "page2.php";

this worked. Infact, relative and absolute works in the same way:

window.location.href = "http://www.google.com";
// or
window.location.href = "page2.html";

edited Aug 6, 2013 at 11:18

fedosov

2,05916 silver badges27 bronze badges

answered Nov 6, 2011 at 17:22

arun nair

3,71114 gold badges44 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Glory Raj · Accepted Answer · 2011-11-06 17:11:36Z

14

You can do a relative redirect:

document.location.href = '../'; //one level up

or

document.location.href = '/path'; //relative to domain

or in jquery ...

 var url = "http://stackoverflow.com";    
$(location).attr('href',url);

answered Nov 6, 2011 at 17:11

Glory Raj

17.7k28 gold badges114 silver badges215 bronze badges

Comments

James Hill · Accepted Answer · 2011-11-06 17:11:49Z

6

To set a relative path use window.location.pathname.

Take a look at the MDN docs on window.location:

answered Nov 6, 2011 at 17:11

James Hill

62.1k22 gold badges150 silver badges166 bronze badges

4 Comments

unclenorton Over a year ago

If you are on, say, example.com/index.html, then window.location.pathname will be /index.html

James Hill Over a year ago

@unclenorton, I'm not sure what you're getting at.

unclenorton Over a year ago

I mean that, if there is filename in path, like index.html, or index.php, or whatever else, it will get into window.location.pathname. For example, go to jigsaw.w3.org/css-validator/documentation.html and type check window.location.pathname in javascript console.

Luke Over a year ago

Yes, because that's the path that you're currently located to. For it to contain the filename is valid.

ewitkows · Accepted Answer · 2014-05-06 20:00:01Z

3

If I understand, if you are on http://example.com/path/to/page1.php, and you click on "page2.php", you would like to be redirected to http://example.com/path/to/page2.php ?

Perhaps there is a smarter solution, but does it solve your problem ?

function relativeRedir(redir){
  location.pathname = location.pathname.replace(/(.*)\/[^/]*/, "$1/"+redir);
}

Example of use : relativeRedir("page1.php");

edited May 6, 2014 at 20:00

ewitkows

3,6483 gold badges44 silver badges65 bronze badges

answered Nov 6, 2011 at 17:43

fflorent

1,66610 silver badges11 bronze badges

2 Comments

duncanportelli Over a year ago

I think this is the only multi-browser solution. document.location.href does work in IE and Chrome but it does not work in FF.

PRMan Over a year ago

If anyone is still reading this, that's because it should be window.location.href.

Collectives™ on Stack Overflow

how to do a relative path redirection using javascript?

4 Answers 4

Comments

Comments

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related