Search

How to Get Portion of URL Path in JavaScript

post-title

Use the window.location Object

You can use the built-in window.location object to retrieve the different part or portion of URL path in JavaScript, as demonstrated in the following example:

// If URL is http://www.example.com/products/search.php?q=ipad#featured
 
window.location.href // http://www.example.com/products/search.php?q=ipad#featured
 
window.location.protocol // http:
 
window.location.host // www.example.com (includes port if there is one e.g. 3000)
  
window.location.hostname // www.example.com
 
window.location.port // (provide port if there is one, otherwise empty string)
 
window.location.pathname // /products/search.php
 
window.location.search // ?q=ipad
 
window.location.hash // #featured