Window.location Cheat Sheet

JavaScript, Browser · Dec 21, 2022

The window.location object is particularly useful when working with a page's URL information. Let's take a look at an example of a URL and what each property of the window.location object represents.

const url = 'https://dev.30secondsofcode.org:8000/c/js?page=2&sort=asc#search';

Provide the above URL, here's a quick reference for the properties window.location object:

  • The protocol schema of the URL (usually http: or https:)
  • Sample value: https:
  • The domain name of the URL
  • Sample value: dev.30secondsofcode.org
  • The port number of the URL
  • Sample value: 8000
  • The domain name and port number of the URL
  • Sample value: dev.30secondsofcode.org:8000
  • The protocol schema, domain name and port number of the URL
  • Sample value: https://dev.30secondsofcode.org:8000
  • The path of the URL, including the leading slash
  • Sample value: /c/js
  • The query string of the URL, including the leading question mark
  • Sample value: ?page=2&sort=asc
  • The fragment identifier of the URL, including the leading hash
  • Sample value: #search
  • The full URL, including the protocol schema, domain name, port number, path, query string and fragment identifier
  • Sample value: https://dev.30secondsofcode.org:8000/c/js?page=2&sort=asc#search

Written by Angelos Chalaris

I'm Angelos Chalaris, a JavaScript software engineer, based in Athens, Greece. The best snippets from my coding adventures are published here to help others learn to code.

If you want to keep in touch, follow me on GitHub.

More like this

  • URLs in JavaScript

    This snippet collection covers all the necessary resources to master working with URLs in JavaScript.

    Collection · 13 snippets

  • URL parameters as object

    Creates an object containing the parameters of the current URL.

    JavaScript, Browser · Oct 22, 2020

  • Parse cookie

    Parses an HTTP Cookie header string, returning an object of all cookie name-value pairs.

    JavaScript, Browser · Oct 22, 2020

  • Form to object

    Encodes a set of form elements as an object.

    JavaScript, Browser · Oct 19, 2020