window.location Cheatsheet
Published in
6 min readApr 22, 2020
Looking for a site’s URL information, then the window.location
object is for you! Use its properties to get information on the current page address or use its methods to do some page redirect or refresh 💫
window.location.origin → 'https://www.samanthaming.com'
.protocol → 'https:'
.host → 'www.samanthaming.com'
.hostname → 'www.samanthaming.com'
.port → ''
.pathname → '/tidbits/'
.search → '?filter=JS'
.hash → '#2'
.href → 'https://www.samanthaming.com'window.location.assign('url')
.replace('url')
.reload()
.toString()
window.location Properties
Difference between host
vs hostname
In my above example, you will notice that host
and hostname
returns the value. So why do these properties. Well, it has do with the port number. Let's take a look.
URL without Port