Javascript/jQuery get root url of website

Question

I have website: "http://www.example.com/folder1/mywebsite/subfolder/page.html"

Root of the site is: "http://www.example.com/folder1/mywebsite"

I would like to get root url of "mywebsite" dynamicly. If I will publish this site to another place, then I will no need to change script.

For example to: "http://www.example.com/otherFolder/test/myChangedWebsite/subfolder/page.html"

I will get: "http://www.example.com/otherFolder/test/myChangedWebsite"

I tried in "page.html" javascript: var url = window.location.protocol + "//" + window.location.host + '/otherPage.html

but this gives me only "http://www.example.com/otherPage.html".

Also I know about location.origin but this is not supported for all browser as I found that on link: http://www.w3schools.com/jsref/prop_loc_origin.asp

If it can be done with jQuery, it will be good as well.

ali · Accepted Answer · 2020-02-20 07:28:03Z

34

Here's a function doing the same as Hawk's post above, only much, much shorter:

function getBaseUrl() {
    var re = new RegExp(/^.*\//);
    return re.exec(window.location.href);
}

Details here: Javascript: Get base URL or root URL

edited Feb 20, 2020 at 7:28

ali

3841 gold badge9 silver badges24 bronze badges

answered Jan 5, 2015 at 11:15

Per Kristian

7958 silver badges10 bronze badges

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

1 Comment

Imad Over a year ago

In MVC application, it gives http://locahhost/sitename/controllername instead of http://locahhost/sitename

2 revs, 2 users 95% · Accepted Answer · 2021-10-22 18:19:54Z

10

Use the following javascript to get the root of your url:

window.location.origin

For more details:

 [https://www.codegrepper.com/code-examples/javascript/javascript+get+root+url][1]

edited Oct 22, 2021 at 18:19

community wiki

2 revs, 2 users 95%
Abdul Rahman

1 Comment

Taosif7 Over a year ago

This should be accepted answer

truefish · Accepted Answer · 2016-03-27 03:38:50Z

4

slightly shorter:

function getBaseUrl() {
    return window.location.href.match(/^.*\//);
}

answered Mar 27, 2016 at 3:38

truefish

1511 silver badge6 bronze badges

Comments

Vikram Jakkampudi · Accepted Answer · 2014-05-02 10:32:17Z

0

if your location is fixed after mywebsite/subfolder/page.html"

then use this

location.href.split("mywebsite")[0]

answered May 2, 2014 at 10:32

Vikram Jakkampudi

5121 gold badge3 silver badges16 bronze badges

1 Comment

tonco Over a year ago

For this I need to every time specified name of "mywebsite" - example from @Hawk solved my problem, but thank you.

Collectives™ on Stack Overflow

Javascript/jQuery get root url of website

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related