document location javascript code example

Example 1: javascript location object

// Prints complete URL
window.location.href
  
// Prints protocol like http: or https:
window.location.protocol 
 
// Prints hostname with port like localhost or localhost:3000
window.location.host
  
// Prints hostname like localhost or www.example.com
window.location.hostname
 
// Prints port number like 3000
window.location.port
  
// Prints pathname like /products/search.php
window.location.pathname
 
// Prints query string like ?q=ipad
window.location.search
 
// Prints fragment identifier like #featured
window.location.hash

Example 2: how to use location.pathname

// Let's an <a id="myAnchor" href="https://developer.mozilla.org/en-US/docs/Location.pathname"> element be in the document
var anchor = document.getElementById("myAnchor");
var result = anchor.pathname; // Returns:'/en-US/docs/Location.pathname'