how to get the host url using javascript from the current page

Question

Given that I m on the following page   http   www webmail com pages home aspx   How can I retrieve the host name   http   www webmail com   with JavaScript

User · Answer

To get the hostname  location hostname  But your example is looking for the scheme as well  so location origin appears to do what you want in Chrome  but gets not mention in the Mozdev docs  You can construct it with  location protocol          location hostname   If you want the port number as well  for when it isn t 80  then   location protocol          location host

User · Answer

This should work   window location hostname

User · Answer

I like this one depending of purpose  window location href split      2      localhost 17000    always domain   port   You can apply it on any url-string  var url    http   localhost 17000 sub1 sub2 mypage html q 12   url split      2      localhost 17000  url split      url split      length-1      mypage html q 12    Removing protocol  domain  amp  path from url-string  relative path   var arr   url split       if  arr length gt 3           arr splice 3  arr length  join           sub1 sub2 mypage html q 12

User · Answer

You can get the protocol  host  and port using this  window location origin   Browser compatibility Desktop     Chrome Edge Firefox  Gecko  Internet Explorer Opera Safari  WebKit       Yes   Yes   Yes   Yes   Yes   Yes    30 0 1599 101  possibly earlier    21 0  21 0  11   7  possibly earlier  see webkit bug 46558     Mobile     Android Edge Firefox Mobile  Gecko  IE Phone Opera Mobile Safari Mobile      Yes   Yes   Yes   Yes   Yes   Yes    30 0 1599 101  possibly earlier    21 0  21 0      7  possibly earlier  see webkit bug 46558      All browser compatibility is from Mozilla Developer Network

User · Answer

Depending on your needs  you can use one of the window location properties  In your question you are asking about the host  which may be retrieved using window location hostname  e g  www example com   In your example you are showing something what is called origin  which may be retrieved using window location origin  e g  http   www example com     var path   window location origin           result    http   localhost 60470

User · Answer

Keep in mind before use window and location 1 use window and location in client side  render   Note don t use in ssr  window location host    or var host   window location protocol    quot    quot    window location host   2 server side render if your using nuxt js vue  or next js react  refer docs For nuxt js Framework req headers host  code  async asyncData    req  res              if  process server             return   host  req headers host              Code In router  export function createRouter  ssrContext       console log ssrContext req headers host           return new Router           middleware   route           routes checkRoute ssrContext           mode   history                  For next js framework Home getInitalProps   async context    gt       const   req  query  res  asPath  pathname     context     if  req          let host   req headers host    will give you localhost 3000             For node js users var os   require  quot os quot    var hostname   os hostname     or request headers host  For laravel users public function yourControllerFun Request  request          host    request- gt getHttpHost             dd  host       or directly use in web php Request  getHost     Note   both csr and ssr app you manually check example ssr render if req server   host req host    if req client   host window location host

User · Answer

will return the host name and port var host   window location host    or possibly var host   window location protocol    quot    quot    window location host   or if you like concatenation var protocol   location protocol  var slashes   protocol concat  quot    quot    var host   slashes concat window location host       or as you probably should do var host   location protocol concat  quot    quot   concat window location host       the above is the same as origin  e g   quot https   stackoverflow com quot  var host   window location origin   If you have or expect custom ports use window location host instead of window location hostname

User · Answer

let path   window location protocol          window location hostname         window location port

[javascript] how to get the host url using javascript from the current page

Examples related to javascript