Javascript Get Website URL

Question

How do I get Javascript to tell me the website url.

For example if I have a page www.example.com/page.html

I want Javascript to tell me the site url is www.example.com and not www.example.com/page.html (which document.location tells me)

Is there a way to do this? If so, how?

Thanks in advance for your help :)

[`Location` objects](https://developer.mozilla.org/en-US/docs/Web/API/Location) have various properties that represent each segment. — Jonathan Lonowski, Oct 23 '13 at 19:01
possible duplicate of [Get current URL with JavaScript?](http://stackoverflow.com/questions/1034621/get-current-url-with-javascript) — isherwood, Oct 23 '13 at 19:02
possible duplicate of [Get host name in JavaScript](http://stackoverflow.com/questions/1368264/get-host-name-in-javascript) — T.Todua, Mar 19 '15 at 09:56

stewart715 · Accepted Answer · 2013-10-23T19:41:30.623

114

There are several ways you can do this, but one way might be best for certain situations (e.g. within an iFrame).

Protocol + Domain + Page

document.URL
> "http://example.com/page1.html"

document.location.href
> "http://example.com/page1.html"

Protocol + Domain

document.location.origin
> "http://example.com"

Domain

document.location.host
> "example.com"

Page

document.location.pathname
> "/page1.html"

edited Oct 23 '13 at 19:41

answered Oct 23 '13 at 19:17

stewart715

5,557
11
47
80

score 3 · Answer 2 · answered Oct 23 '13 at 19:19

There are many ways to get this.
Open Chrome browser and press F12, you'll get console.

Type following commands there for the same question URL. You will get your answer

window.location.hostname // Output : stackoverflow.com

window.location.origin // Output : http://stackoverflow.com

document.location.host // Output : stackoverflow.com

score 1 · Answer 3 · answered Oct 23 '13 at 19:03

1

Use

window.location.hostname

You can test it by just typing it in the chrome dev tools console

Reference

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Location

answered Oct 23 '13 at 19:03

Shamps

488
3
11

Naved Ali · Answer 4 · 2015-12-08T04:45:24.510

1

use

document.location.origin+document.location.pathname;

where document.location.origin will redirect you to "http://www" and document.location.pathname will redirect you to "/stackoverflow/"(Name of your project). In this way you can give reference to page or post you want in your js file.Suppose if i want reference to my home page i would have use

var address=document.location.origin+document.location.pathname;
 window.location.replace(address+"/home");

So using above example i can easily redirect to my homepage

edited Dec 08 '15 at 04:45

answered Dec 07 '15 at 12:28

Naved Ali

616
1
14
31

Can you provide some details in your answer? – Martin Prikryl Dec 07 '15 at 12:48
1

Hey Prikryl I have edited my answer .Did you get it now? – Naved Ali Dec 08 '15 at 04:47

score 0 · Answer 5 · edited Oct 23 '13 at 19:01

0

Try this

document.location.host

edited Oct 23 '13 at 19:01

Bucket

7,415
9
35
45

answered Oct 23 '13 at 19:00

Max

156
5

score 0 · Answer 6 · answered Oct 23 '13 at 19:02

0

Use alert(window.location.origin) for getting the url.

answered Oct 23 '13 at 19:02

deepakborania

166
2
8

score 0 · Answer 7 · answered Oct 23 '13 at 19:03

0

Try

document.location.origin

That will give you the protocol and host.

answered Oct 23 '13 at 19:03

Jaime Torres

10,365
1
48
56

score 0 · Answer 8 · answered Sep 13 '21 at 10:04

0

you can also use location.href = '/' + 'path_name/sub_path_name'

'/' = takes you to the home page then

'path_name/sub_path_name' = to pass the new path to the domain page

answered Sep 13 '21 at 10:04

sandeepnegi

123
13

Javascript Get Website URL

8 Answers8

Linked