How to get the base path in jQuery?

Question

window.locationworks fine, but returns me the whole, absolute path, like http://domain.xyz/punch/lines. But I only need http://domain.xyz/. How can I extract only that first part? And how can I make that dynamic, I mean to be always the same even when the subdirectory path gets longer?

adeneo · Accepted Answer · 2014-05-04T12:49:57.863

80

You can get the protocol and the host separately, and then join them to get what you need

window.location.protocol + "//" + window.location.host + "/"

As a sidenote, window.location.pathname would contain the path.

edited May 04 '14 at 12:49

answered Aug 01 '13 at 11:20

adeneo

312,895
29
395
388

Thanks for your answer but is it supported in most browsers like firefox (i have checked it), chrome, ie (8,9,10) and safari? – Smile Jan 07 '14 at 05:21
@NullPointer - Should be supported in all browsers – adeneo Jan 07 '14 at 08:09

score 29 · Answer 2 · answered Mar 01 '15 at 22:52

29

You can use this statement

var baseUrl = document.location.origin;

answered Mar 01 '15 at 22:52

Peter T.

8,757
3
34
32

score 3 · Answer 3 · answered Aug 01 '13 at 11:20

3

Try this:

location.protocol + "//" + location.host

answered Aug 01 '13 at 11:20

Dharmesh Patel

1,881
1
11
12

I agree. Make this a comment. – Strawberry Aug 01 '13 at 11:43
Thanks for your answer but is it supported in most browsers like firefox (i have checked it), chrome, ie (8,9,10) and safari? – Smile Jan 07 '14 at 05:23

score 2 · Answer 4 · answered Apr 09 '18 at 06:46

2

I think it will ok for you

var base_url = window.location.origin;

var host = window.location.host;

var pathArray = window.location.pathname.split( '/' );

answered Apr 09 '18 at 06:46

Haris N I

6,474
6
29
35

How to get the base path in jQuery?

4 Answers4

Linked