Get Url Sections In Javascript


Even though most of the time to get information from the page URL you will use the server side programming language, you can actually use Javascript to get the different sections that make up the URL.

Get Protocol

To get the URL protocol use the following snippet.


Returns http / https

Get Hostname

To get the URL host name use the following snippet.


Get Pathname

To get the URL pathname of the file use the following snippet.


Returns index.html

Get URL Hash Value

If a URL has a # target selected this snippet will return the value.

For the URL of


This will return top.

Back to top

Gain access to all tutorials

  • Premium tutorials covering WordPress, Laravel and VueJS
  • Download premium content
  • Download premium WordPress plugins
  • Only $5 a month

Join Paulund