Get the current URL with JavaScript

Question

All I want is to get the website URL  Not the URL as taken from a link  On the page loading I need to be able to grab the full  current URL of the website and set it as a variable to do with as I please

User · Answer

Firstly check for page is loaded completely in

browser,window.location.toString();

window.location.href

then call a function which takes url, URL variable and prints on console,

$(window).load(function(){
   var url = window.location.href.toString();
   var URL = document.URL;
   var wayThreeUsingJQuery = $(location).attr('href');
   console.log(url);
   console.log(URL);
   console.log(wayThreeUsingJQuery );
});

User · Answer

URL Info Access  JavaScript provides you with many methods to retrieve and change the current URL  which is displayed in the browser s address bar  All these methods use the Location object  which is a property of the Window object  You can create a new Location object that has the current URL as follows   var currentLocation   window location    Basic URL Structure   lt protocol gt    lt hostname gt   lt port gt   lt pathname gt  lt search gt  lt hash gt     protocol  Specifies the protocol name be used to access the resource on the Internet   HTTP  without SSL  or HTTPS  with SSL   hostname  Host name specifies the host that owns the resource  For example  www stackoverflow com  A server provides services using the name of the host  port  A port number used to recognize a specific process to which an Internet or other network message is to be forwarded when it arrives at a server  pathname  The path gives info about the specific resource within the host that the Web client wants to access  For example   index html  search  A query string follows the path component  and provides a string of information that the resource can utilize for some purpose  for example  as parameters for a search or as data to be processed    hash  The anchor portion of a URL  includes the hash sign        With these Location object properties you can access all of these URL components and what they can set or return    href - the entire URL protocol - the protocol of the URL host - the hostname and port of the URL hostname - the hostname of the URL port - the port number the server uses for the URL pathname - the path name of the URL search - the query portion of the URL hash - the anchor portion of the URL   I hope you got your answer

User · Answer

For complete URL with query strings   document location toString   toLowerCase      For host URL   window location

User · Answer

In jstl we can access the current URL path using pageContext request contextPath  If you want to do an Ajax call  use the following URL   url      pageContext request contextPath       controller path    Example  For the page http   stackoverflow com posts 36577223 this will give http   stackoverflow com controller path

User · Answer

Getting the current URL with JavaScript           window location toString      window location href

User · Answer

Use  window location href   As noted above  document URL doesn t update when updating window location  See MDN

User · Answer

Try  location       x000D   x000D  let url   location     x000D   x000D  console log url   x000D   x000D   x000D

User · Answer

Use window location href to get the complete URL   Use window location pathname to get URL leaving the host

User · Answer

You can get the full link of the current page through location href and to get the link of the current controller  use   location href substring 0  location href lastIndexOf

User · Answer

Use this   x000D   x000D  var url   window location href   console log url   x000D   x000D   x000D

User · Answer

You can get the current URL location with a hash tag by using   JavaScript       Using href  var URL   window location href       Using path  var URL   window location pathname    jQuery     location  attr  href

User · Answer

The way to get the current location object is window location   Compare this to document location  which originally only returned the current URL as a string  Probably to avoid confusion  document location was replaced with document URL   And  all modern browsers map document location to window location   In reality  for cross-browser safety  you should use window location rather than document location

User · Answer

Adding result for quick reference      window location     Location  href   https   stackoverflow com questions 1034621 get-the-current-url-with-javascript    ancestorOrigins  DOMStringList   origin   https   stackoverflow com    replace      assign                 document location     Location  href   https   stackoverflow com questions 1034621 get-the-current-url-with-javascript    ancestorOrigins  DOMStringList   origin   https   stackoverflow com    replace      assign                  window location pathname     questions 1034621 get-the-current-url-with-javascript       window location href    https   stackoverflow com questions 1034621 get-the-current-url-with-javascript       location hostname    stackoverflow com

User · Answer

For those who want an actual URL object  potentially for a utility which takes URLs as an argument   const url   new URL window location href    https   developer mozilla org en-US docs Web API URL

User · Answer

location origin location pathname location search location hash   and location href  does the same

User · Answer

OK  getting the full URL of the current page is easy using pure JavaScript  For example  try this code on this page   window location href     use it in the console of this page will return    http   stackoverflow com questions 1034621 get-current-url-in-web-browser       The window location href property returns the URL of the current page     x000D   x000D  document getElementById  root   innerHTML    The full URL of this page is  lt br gt     window location href  x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D   x000D   lt body gt  x000D     lt h2 gt JavaScript lt  h2 gt  x000D     lt h3 gt The window location href lt  h3 gt  x000D     lt p id  root  gt  lt  p gt  x000D   lt  body gt  x000D   x000D   lt  html gt  x000D   x000D   x000D    Just not bad to mention these as well    if you need a relative path  simply use window location pathname  if you d like to get the host name  you can use window location hostname  and if you need to get the protocol separately  use window location protocol   also  if your page has hash tag  you can get it like  window location hash     So window location href handles all in once    basically   window location protocol          window location hostname   window location pathname   window location hash     window location href        true   Also using window is not needed if already in window scope     So  in that case  you can use   location protocol  location hostname  location pathname  location hash  location href

User · Answer

Nikhil Agrawal s answer is great  just adding a little example here you can do in the console to see the different components in action     If you want the base URL without path or query parameter  for example to do AJAX requests against to work on both development staging AND production servers   window location origin is best as it keeps the protocol as well as optional port  in Django development  you sometimes have a non-standard port which breaks it if you just use hostname etc

User · Answer

To get the path  you can use    x000D   x000D  console log  document location   document location href   x000D  console log  location pathname    window location pathname      Returns path only x000D  console log  location href   window location href      Returns full URL x000D   x000D   x000D

User · Answer

Use  window location href  As noted in the comments  the line below works  but it is bugged for Firefox  document URL  See URL of type DOMString  readonly

User · Answer

if you are referring to a specific link that has an id this code can help you       disapprove   click function        var id     this  attr  id           ajax           url    lt  php echo base url  index php sample page   id      gt            type   post           success function                         alert  The Request has been Disapproved                window location replace  http   localhost sample page   id                              I am using ajax here to submit an id and redirect the page using window location replace  just add an attribute id    as stated

User · Answer

Use window location for read and write access to the location object associated with the current frame  If you just want to get the address as a read-only string  you may use document URL  which should contain the same value as window location href

User · Answer

Gets the current page URL   window location href

User · Answer

var currentPageUrlIs       if  typeof this href     undefined            currentPageUrlIs   this href toString   toLowerCase      else          currentPageUrlIs   document location toString   toLowerCase        The above code can also help someone

User · Answer

Open Developer Tools  type in the following in the console and press Enter   window location   Ex  Below is the screenshot of the result on the current page     Grab what you need from here

User · Answer

You have multiple ways to do this  1  location href   2  document URL   3  document documentURI

[javascript] Get the current URL with JavaScript?

Examples related to javascript

Examples related to url