How to extract the hostname portion of a URL in JavaScript

by

suppose that you have a page with this address: http://sub.domain.com/virtualPath/page.htm. use the following in page code to achive those results:

  • window.location.host : you’ll get sub.domain.com:8080 or sub.domain.com:80
  • window.location.hostname : you’ll get sub.domain.com
  • window.location.protocol : you’ll get http:
  • window.location.port : you’ll get 8080 or 80
  • window.location.pathname : you’ll get /virtualPath
  • window.location.origin : you’ll get http://sub.domain.com *****

Update: about the .origin

***** As the ref states, browser compatibility for window.location.origin is not clear. I’ve checked it in chrome and it returned http://sub.domain.com:port if the port is anything but 80, and http://sub.domain.com if the port is 80.

Special thanks to @torazaburo for mentioning that to me.

More Related Contents:

  1. jquery .get not getting [closed]
  2. Download a file by jQuery.Ajax
  3. What is destructuring assignment and its uses?
  4. Why is it necessary to set the prototype constructor?
  5. Difference between innerText, innerHTML and value?
  6. How to get JS variable to retain value after page refresh? [duplicate]
  7. JavaScript regex multiline text between two tags
  8. How to send JSON instead of a query string with $.ajax?
  9. Show or hide element in React
  10. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  11. How to reset (clear) form through JavaScript?
  12. Cannot open local file – Chrome: Not allowed to load local resource
  13. How can I wait for set of asynchronous callback functions?
  14. prototype based vs. class based inheritance
  15. onclick or onClick?
  16. Map isn’t showing on Google Maps JavaScript API v3 when nested in a div tag
  17. How can I pre-set arguments in JavaScript function call? (Partial Function Application)
  18. Prevent orientation change in iOS Safari
  19. ES6 tagged templates practical usability
  20. Remove empty strings from array while keeping record Without Loop?
  21. How can I replace newlines/line breaks with spaces in javascript?
  22. Is it possible to programmatically catch all events on the page in the browser?
  23. Wrap long template literal line to multiline without creating a new line in the string
  24. Cloning an Object in Node.js
  25. how to check if a form is valid programmatically using jQuery Validation Plugin
  26. jQuery validate – set conditional rules based on user selection
  27. Extracting text from a contentEditable div
  28. Function inside functional component in React hooks – Performance
  29. What’s the difference between variable definition and declaration in JavaScript?
  30. DataTables js, how to use `ajax` option with a `callback` function?

Leave a Comment