Getting the website root in Javascript

Question

say I'm developing a website.com. I need to get the root (website.com) dynamically (for dev and production). Is there a way to do it in JS?

I am using asp.net mvc 3 on the server.

You can use an ajax call to get it from the server – Chibuzo Dec 23 '11 at 20:58 — Chibuzo, Dec 23 '11 at 20:58

score 6 · Accepted Answer · answered Dec 23 '11 at 20:59

6

Yes: window.location.hostname

answered Dec 23 '11 at 20:59

Audun Larsen

958
5
7

While this works for this specific question (root guaranteed to be equal to host name), it doesn't address how to directly get the root URL in other cases. – Sam Dec 20 '13 at 03:30

score 3 · Answer 2 · edited May 23 '17 at 12:06

3

See: How to extract the hostname portion of a URL in JavaScript

Quote from the link:

You could concatenate the location protocol and the host: var root = location.protocol + '//' + location.host; For a url, let say 'https://stackoverflow.com/questions', it will return 'http://stackoverflow.com'

edited May 23 '17 at 12:06

Community

1
1

answered Dec 23 '11 at 21:02

Joost Verdaasdonk

327
2
8

Did you change your question? I thought you asked a JS Question but maybe you want a asp.net answer? For the host: `Request.Url.Host` – Joost Verdaasdonk Dec 23 '11 at 21:22

score 2 · Answer 3 · edited Jun 20 '20 at 09:12

I created a function to get real root:

function root() {
        var scripts = document.getElementsByTagName( 'script' ),
            script = scripts[scripts.length - 1],
            path = script.getAttribute( 'src' ).split( '/' ),
            pathname = location.pathname.split( '/' ),
            notSame = false,
            same = 0;

        for ( var i in path ) {
            if ( !notSame ) {
                if ( path[i] == pathname[i] ) {
                    same++;
                } else {
                    notSame = true;
                }
            }
        }
        return location.origin + pathname.slice( 0, same ).join( '/' );
    }

call this function once when the js-file is loaded.
to make it work, you MUST include it as js-file.

Usage:

var basepath = root();

here are some examples:

location.host: 'http://test.com'
location.path: '/myapp/controller/action/id'

this will result in:

http://test.com/myapp

Getting the website root in Javascript

3 Answers3

Usage: