在不同浏览器中使用javascript的相对路径

Question

I am using JavaScript to open a particular page relative to the current directory that I am in. The directory structure is:

a/b/c/firstpage.html

If, I am currently in firstpage.html and I want to navigate to b/secondpage.html:

in IE9/10 , I use the following code:

../secondpage.html

While in Chrome , I have to use the following code:

./secondpage.html

because if I use 2 dots in Chrome it will go to a/secondpage.html

Can you please tell me how can I solve this to be compatible across all broswers?

Answer 1

Use split and go two levels up in the current url, then concatenate your second url:

var loc = window.location.href.split('/').slice(0,-2).join('/');
var url = loc + '/secondpage.html';