URL anatomy

The Location interface represents the location (URL) of the object it is linked to. Changes done on it are reflected on the object it relates to. Both the Document and Window interface have such a linked Location , accessible via Document.location and Window.location respectively.

Hover over the URL segments below to highlight their meaning,
or hover over a grey area to locate the corresponding segment of the URL:

https:// www.example.org:8888/foo/bar?q=baz#bang

Adapted from Location - Web APIs | MDN