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 ^

Join Paulund

  • Get access to 100s of premium tutorials and downloadable content
  • Members content consists of Premium WordPress plugins, CSS packages, jQuery packages, tutorial demo files and templates for 100s of web development tutorials
  • In-depth development tutorials
  • Priority tutorial requests
  • Priority email development support
  • No ads

Here at Paulund you'll find Web Development tutorials and snippets focusing mainly on PHP, WordPress and CSS. Members will get access to premium tutorials that go into more detail about development with these languages. You will also get access to downloadable premium content based on the tutorial.

Join Paulund

Leave a Reply

Your email address will not be published. Required fields are marked *