Get current URL with jQuery

Question

I am using jQuery  How do I get the path of the current URL and assign it to a variable   Example URL   http   localhost menuname de foo bar amp amp number 0

User · Answer

You can log window location and see all the options  for just the URL use   window location origin   for the whole path use   window location href   there s also location      host  hostname  protocol  pathname

User · Answer

Here is an example to get the current URL using jQuery and JavaScript     document  ready function            jQuery       location  attr  href           Pure JavaScript     var pathname   window location pathname          To show it in an alert window     alert window location           getJSON  idcheck php callback       url   location  attr  href     function json         alert json message

User · Answer

All browsers support Javascript window object  It defines the window of the browser   The global objects and functions become part of the window object automatically   All global variables are window objects properties and all global functions are its methods   The whole HTML document is a window property too   So you can use window location object to get all url related attributes   Javascript   x000D   x000D  console log window location host         returns host x000D  console log window location hostname        returns hostname x000D  console log window location pathname             return path x000D  console log window location href           returns full current url x000D  console log window location port             returns the port x000D  console log window location protocol        returns the protocol x000D   x000D   x000D    JQuery   x000D   x000D  console log  host       location  attr  host     x000D  console log  hostname       location  attr  hostname     x000D  console log  pathname       location  attr  pathname      x000D  console log  href       location  attr  href        x000D  console log  port       location  attr  port        x000D  console log  protocol       location  attr  protocol     x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 0 jquery min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

If there is someone who wants to concatenate the URL and hash tag  combine two functions   var pathname   window location pathname   document location hash

User · Answer

If you want to get the path of the root site  use this     location  attr  href   replace   location  attr  pathname

User · Answer

For the host name only  use   window location hostname

User · Answer

If you want to get the path of the root site  use this     location  attr  href   replace   location  attr  pathname

User · Answer

You can simply get your path using js itself  window location or location will give you the object of current URL   x000D   x000D  console log  Origin -   location origin   x000D  console log  Entire URL -   location href   x000D  console log  Path Beyond URL -   location pathname   x000D   x000D   x000D

User · Answer

This is a more complicated issue than many may think   Several browsers support built-in JavaScript location objects and associated parameters methods accessible through window location or document location  However  different flavors of Internet Explorer  6 7  don t support these methods in the same way   window location href   window location replace   not supported  so you have to access them differently by writing conditional code all the time to hand-hold Internet Explorer   So  if you have jQuery available and loaded  you might as well use jQuery  location   as the others mentioned because it resolves these issues  If however  you are doing-for an example-some client-side geolocation redirection via JavaScript  that is  using Google Maps API and location object methods   then you may not want to load the entire jQuery library and write your conditional code that checks every version of Internet Explorer Firefox etc   Internet Explorer makes the front-end coding cat unhappy  but jQuery is a plate of milk

User · Answer

For the host name only  use   window location hostname

User · Answer

See purl js  This will really help and can also be used  depending on jQuery  Use it like this     url   param  yourparam

User · Answer

Here is an example to get the current URL using jQuery and JavaScript     document  ready function            jQuery       location  attr  href           Pure JavaScript     var pathname   window location pathname          To show it in an alert window     alert window location           getJSON  idcheck php callback       url   location  attr  href     function json         alert json message

User · Answer

To get the path  you can use   var pathname   window location pathname     Returns path only   path example html  var url        window location href         Returns full URL  https   example com path example html  var origin     window location origin       Returns base URL  https   example com

User · Answer

This will also work   var currentURL   window location href

User · Answer

http   www refulz com 8082 index php tab2 foo 789  Property    Result ------------------------------------------ host        www refulz com 8082 hostname    www refulz com port        8082 protocol    http  pathname    index php href        http   www refulz com 8082 index php tab2 hash         tab2 search       foo 789  var x     location  attr   lt property gt       This will work only if you have jQuery  For example    lt html gt   lt script src  http   ajax googleapis com ajax libs jquery 1 2 6 jquery min js  gt  lt  script gt   lt script gt      location  attr  href            http   www refulz com 8082 index php tab2     location  attr  pathname        index php  lt  script gt   lt  html gt

User · Answer

If there is someone who wants to concatenate the URL and hash tag  combine two functions   var pathname   window location pathname   document location hash

User · Answer

You can log window location and see all the options  for just the URL use   window location origin   for the whole path use   window location href   there s also location      host  hostname  protocol  pathname

User · Answer

window location is an object in javascript  it returns following data  window location host           returns host window location hostname       returns hostname window location path           return path window location href           returns full current url window location port           returns the port window location protocol       returns the protocol   in jquery you can use     location  attr  host            returns host   location  attr  hostname        returns hostname   location  attr  path            returns path   location  attr  href            returns href   location  attr  port            returns port   location  attr  protocol        returns protocol

User · Answer

You ll want to use JavaScript s built-in window location object

User · Answer

This is a more complicated issue than many may think   Several browsers support built-in JavaScript location objects and associated parameters methods accessible through window location or document location  However  different flavors of Internet Explorer  6 7  don t support these methods in the same way   window location href   window location replace   not supported  so you have to access them differently by writing conditional code all the time to hand-hold Internet Explorer   So  if you have jQuery available and loaded  you might as well use jQuery  location   as the others mentioned because it resolves these issues  If however  you are doing-for an example-some client-side geolocation redirection via JavaScript  that is  using Google Maps API and location object methods   then you may not want to load the entire jQuery library and write your conditional code that checks every version of Internet Explorer Firefox etc   Internet Explorer makes the front-end coding cat unhappy  but jQuery is a plate of milk

User · Answer

You ll want to use JavaScript s built-in window location object

User · Answer

Very Commonly Used top 3 ones are  1  window location hostname  2  window location href 3  window location pathname

User · Answer

window location will give you the current URL  and you can extract whatever you want from it

User · Answer

java-script provides many methods to retrieve current URL which is displayed in browser s address bar   Test URL     http    stackoverflow com questions 5515310 get-current-url-with-jquery 32942762   rq 1 amp page 2 amp tab active amp answertab votes   32942762   resourceAddress hash    console log  URL Object    webAddress   console log  Parameters    param values     Function   var webAddress       var param values       var protocol       var resourceAddress          fullAddress   function              var addressBar   window location href          if   addressBar        amp  amp  addressBar     undefined                 webAddress   href      addressBar                       protocol identifier   function      resourceAddress fullAddress             protocol   window location protocol replace                   if   protocol        amp  amp  protocol     undefined                 webAddress   protocol      protocol                       domain   function           resourceAddress protocol identifier             var domain   window location hostname          if   domain        amp  amp  domain     undefined   amp  amp  typeOfVar domain       string                 webAddress   domain      domain              var port   window location port              if    port          port     undefined    amp  amp  typeOfVar port       string                     if protocol     http   port    80                   if protocol     https   port    443                                        webAddress   port      port                       pathname   function             resourceAddress domain             var resourcePath   window location pathname          if   resourcePath        amp  amp  resourcePath     undefined                 webAddress   resourcePath      resourcePath                       params   function           resourceAddress pathname             var v args   location search substring 1  split   amp              if   v args        amp  amp  v args     undefined           for  var i   0  i  lt  v args length  i                  var pair   v args i  split                    if   typeOfVar  pair        array                      param values  decodeURIComponent  pair 0        decodeURIComponent  pair 1                                     webAddress   params      param values             hash   function             resourceAddress params             var fragment   window location hash substring 1           if   fragment        amp  amp  fragment     undefined               webAddress   hash      fragment                   function typeOfVar  obj          return    toString call obj  split      1  slice 0  -1  toLowerCase         protocol    Web-browsers use Internet Protocol by following some rules for communication between WebHosted Applications and Web Client Browser    http   80  https  SSL    443  ftp   21  etc      EX  With default port numbers   lt protocol gt    lt hostname gt   lt port gt   lt pathname gt  lt search gt  lt hash gt  https   en wikipedia org 443 wiki Pretty Good Privacy http   stackoverflow com 80             Host is the name given to an end-point machine on which resource lives  on the Internet  www stackoverflow com - DNS IP Address of an Application   OR  localhost 8080 - localhost   Domain names are which you register by the rules and procedures of the Domain Name System DNS  tree  DNS servers of someone who manages your domain with IP-Address for addressing purposes  In DNS server hierarchy  the Root name of an stackoverlfow com is com   gTLDs      - com    stackoverflow  OR  in    co    google   Local system you have to maintain domain s which are not PUBLIC in Host Files  localhost yash com    localhsot - subdomain web-server   yash com - maindomain Proxy-Server   myLocalApplication com 172 89 23 777          The path gives info about the specific resource within the host that the Web client wants to access         An optional query is to pass a sequence of attribute   value pairs separated by a delimiter  amp           An optional fragment is often an id attribute of a specific element  and web browsers will scroll this element into view    If parameter has an Epoch  date 1467708674 then use   var epochDate   1467708674  var date   new Date  epochDate      URL     Authentication url with username password  If usernaem password contains   symbol like   Username    my email gmail  Password    Yash 777    then You need to URL encode the   as  40  Refer     http   my email 40gmail com Yash 40777 www my site com   encodeURI    vs  encodeURIComponent   example  var testURL    http my email gmail Yash777   stackoverflow com tab active amp page 1 32942762    var Uri         amp       UriComponent          Unescaped     -             Fixed var encodeURI Str   encodeURI Uri        encodeURI  UriComponent         encodeURI Unescaped   var encodeURIComponent Str    encodeURIComponent  Uri         encodeURIComponent  UriComponent         encodeURIComponent  Unescaped    console log encodeURI Str    n   encodeURIComponent Str            amp          -           2F 3A 40 3F 26 3D 2C 23  2B 24 3B  -

User · Answer

The following are examples of useful code snippets that can be used     some of the examples use standard JavaScript functions and are not specific to jQuery   See 8 Useful jQuery Snippets For URL   s  amp  Querystrings

User · Answer

You ll want to use JavaScript s built-in window location object

User · Answer

SHORTEST way  11 chars  in which you can do it is   x000D   x000D  let myUrl      location x000D   x000D  console log myUrl   x000D   x000D   x000D

User · Answer

SHORTEST way  11 chars  in which you can do it is   x000D   x000D  let myUrl      location x000D   x000D  console log myUrl   x000D   x000D   x000D

User · Answer

In jstl we can access current url path using pageContext request contextPath  If you want to do a ajax call     url      pageContext request contextPath       controller path    Ex  in the page http   stackoverflow com questions 406192 this will give http   stackoverflow com controller path

User · Answer

By the following code you can get the current URL in  Jquery     location  attr  hostname                     origin URL   location  attr  pathname                      path name   location  attr  hash                          everything comes after hash

User · Answer

In jstl we can access current url path using pageContext request contextPath  If you want to do a ajax call     url      pageContext request contextPath       controller path    Ex  in the page http   stackoverflow com questions 406192 this will give http   stackoverflow com controller path

User · Answer

To get the path  you can use   var pathname   window location pathname     Returns path only   path example html  var url        window location href         Returns full URL  https   example com path example html  var origin     window location origin       Returns base URL  https   example com

User · Answer

var path   location pathname returns the path of the current URL  jQuery is not needed   The use of window location is optional

User · Answer

get current URL    location  attr  href    var pathname   window location pathname  alert window location

User · Answer

You can simply get your path using js itself  window location or location will give you the object of current URL   x000D   x000D  console log  Origin -   location origin   x000D  console log  Entire URL -   location href   x000D  console log  Path Beyond URL -   location pathname   x000D   x000D   x000D

User · Answer

var currenturl   jQuery location  attr  href

User · Answer

The following are examples of useful code snippets that can be used     some of the examples use standard JavaScript functions and are not specific to jQuery   See 8 Useful jQuery Snippets For URL   s  amp  Querystrings

User · Answer

If you need the hash parameters present in the URL  window location href may be a better choice   window location pathname   gt   search  window location href     gt  www website com search race type 1

User · Answer

Use window location href  This will give you the complete URL

User · Answer

window location is an object in javascript  it returns following data  window location host           returns host window location hostname       returns hostname window location path           return path window location href           returns full current url window location port           returns the port window location protocol       returns the protocol   in jquery you can use     location  attr  host            returns host   location  attr  hostname        returns hostname   location  attr  path            returns path   location  attr  href            returns href   location  attr  port            returns port   location  attr  protocol        returns protocol

User · Answer

I have this to strip out the GET variables   var loc   window location  var currentURL   loc protocol          loc host   loc pathname

User · Answer

var newURL   window location protocol          window location host         window location pathname

User · Answer

Just add this function in JavaScript  and it will return the absolute path of the current path   function getAbsolutePath         var loc   window location      var pathName   loc pathname substring 0  loc pathname lastIndexOf        1       return loc href substring 0  loc href length -   loc pathname   loc search   loc hash  length - pathName length        I hope it works for you

User · Answer

Just add this function in JavaScript  and it will return the absolute path of the current path   function getAbsolutePath         var loc   window location      var pathName   loc pathname substring 0  loc pathname lastIndexOf        1       return loc href substring 0  loc href length -   loc pathname   loc search   loc hash  length - pathName length        I hope it works for you

User · Answer

var path   location pathname returns the path of the current URL  jQuery is not needed   The use of window location is optional

User · Answer

To get the path  you can use   var pathname   window location pathname     Returns path only   path example html  var url        window location href         Returns full URL  https   example com path example html  var origin     window location origin       Returns base URL  https   example com

User · Answer

This will return the absolute URL of the current page using JavaScript jQuery     document URL        context baseURI location href

User · Answer

java-script provides many methods to retrieve current URL which is displayed in browser s address bar   Test URL     http    stackoverflow com questions 5515310 get-current-url-with-jquery 32942762   rq 1 amp page 2 amp tab active amp answertab votes   32942762   resourceAddress hash    console log  URL Object    webAddress   console log  Parameters    param values     Function   var webAddress       var param values       var protocol       var resourceAddress          fullAddress   function              var addressBar   window location href          if   addressBar        amp  amp  addressBar     undefined                 webAddress   href      addressBar                       protocol identifier   function      resourceAddress fullAddress             protocol   window location protocol replace                   if   protocol        amp  amp  protocol     undefined                 webAddress   protocol      protocol                       domain   function           resourceAddress protocol identifier             var domain   window location hostname          if   domain        amp  amp  domain     undefined   amp  amp  typeOfVar domain       string                 webAddress   domain      domain              var port   window location port              if    port          port     undefined    amp  amp  typeOfVar port       string                     if protocol     http   port    80                   if protocol     https   port    443                                        webAddress   port      port                       pathname   function             resourceAddress domain             var resourcePath   window location pathname          if   resourcePath        amp  amp  resourcePath     undefined                 webAddress   resourcePath      resourcePath                       params   function           resourceAddress pathname             var v args   location search substring 1  split   amp              if   v args        amp  amp  v args     undefined           for  var i   0  i  lt  v args length  i                  var pair   v args i  split                    if   typeOfVar  pair        array                      param values  decodeURIComponent  pair 0        decodeURIComponent  pair 1                                     webAddress   params      param values             hash   function             resourceAddress params             var fragment   window location hash substring 1           if   fragment        amp  amp  fragment     undefined               webAddress   hash      fragment                   function typeOfVar  obj          return    toString call obj  split      1  slice 0  -1  toLowerCase         protocol    Web-browsers use Internet Protocol by following some rules for communication between WebHosted Applications and Web Client Browser    http   80  https  SSL    443  ftp   21  etc      EX  With default port numbers   lt protocol gt    lt hostname gt   lt port gt   lt pathname gt  lt search gt  lt hash gt  https   en wikipedia org 443 wiki Pretty Good Privacy http   stackoverflow com 80             Host is the name given to an end-point machine on which resource lives  on the Internet  www stackoverflow com - DNS IP Address of an Application   OR  localhost 8080 - localhost   Domain names are which you register by the rules and procedures of the Domain Name System DNS  tree  DNS servers of someone who manages your domain with IP-Address for addressing purposes  In DNS server hierarchy  the Root name of an stackoverlfow com is com   gTLDs      - com    stackoverflow  OR  in    co    google   Local system you have to maintain domain s which are not PUBLIC in Host Files  localhost yash com    localhsot - subdomain web-server   yash com - maindomain Proxy-Server   myLocalApplication com 172 89 23 777          The path gives info about the specific resource within the host that the Web client wants to access         An optional query is to pass a sequence of attribute   value pairs separated by a delimiter  amp           An optional fragment is often an id attribute of a specific element  and web browsers will scroll this element into view    If parameter has an Epoch  date 1467708674 then use   var epochDate   1467708674  var date   new Date  epochDate      URL     Authentication url with username password  If usernaem password contains   symbol like   Username    my email gmail  Password    Yash 777    then You need to URL encode the   as  40  Refer     http   my email 40gmail com Yash 40777 www my site com   encodeURI    vs  encodeURIComponent   example  var testURL    http my email gmail Yash777   stackoverflow com tab active amp page 1 32942762    var Uri         amp       UriComponent          Unescaped     -             Fixed var encodeURI Str   encodeURI Uri        encodeURI  UriComponent         encodeURI Unescaped   var encodeURIComponent Str    encodeURIComponent  Uri         encodeURIComponent  UriComponent         encodeURIComponent  Unescaped    console log encodeURI Str    n   encodeURIComponent Str            amp          -           2F 3A 40 3F 26 3D 2C 23  2B 24 3B  -

User · Answer

To get the path  you can use   var pathname   window location pathname     Returns path only   path example html  var url        window location href         Returns full URL  https   example com path example html  var origin     window location origin       Returns base URL  https   example com

User · Answer

get current URL    location  attr  href    var pathname   window location pathname  alert window location

User · Answer

This will also work   var currentURL   window location href

User · Answer

var currenturl   jQuery location  attr  href

User · Answer

This will return the absolute URL of the current page using JavaScript jQuery     document URL        context baseURI location href

User · Answer

http   www refulz com 8082 index php tab2 foo 789  Property    Result ------------------------------------------ host        www refulz com 8082 hostname    www refulz com port        8082 protocol    http  pathname    index php href        http   www refulz com 8082 index php tab2 hash         tab2 search       foo 789  var x     location  attr   lt property gt       This will work only if you have jQuery  For example    lt html gt   lt script src  http   ajax googleapis com ajax libs jquery 1 2 6 jquery min js  gt  lt  script gt   lt script gt      location  attr  href            http   www refulz com 8082 index php tab2     location  attr  pathname        index php  lt  script gt   lt  html gt

User · Answer

To get the URL of the parent window from within an iframe     window parent location  attr  href      NB  only works on same domain

User · Answer

You ll want to use JavaScript s built-in window location object

User · Answer

In pure jQuery style     location  attr  href      The location object also has other properties  like host  hash  protocol  and pathname

User · Answer

var newURL   window location protocol          window location host         window location pathname

User · Answer

If you need the hash parameters present in the URL  window location href may be a better choice   window location pathname   gt   search  window location href     gt  www website com search race type 1

User · Answer

See purl js  This will really help and can also be used  depending on jQuery  Use it like this     url   param  yourparam

User · Answer

Very Commonly Used top 3 ones are  1  window location hostname  2  window location href 3  window location pathname

User · Answer

Use window location href  This will give you the complete URL

User · Answer

In pure jQuery style     location  attr  href      The location object also has other properties  like host  hash  protocol  and pathname

User · Answer

All browsers support Javascript window object  It defines the window of the browser   The global objects and functions become part of the window object automatically   All global variables are window objects properties and all global functions are its methods   The whole HTML document is a window property too   So you can use window location object to get all url related attributes   Javascript   x000D   x000D  console log window location host         returns host x000D  console log window location hostname        returns hostname x000D  console log window location pathname             return path x000D  console log window location href           returns full current url x000D  console log window location port             returns the port x000D  console log window location protocol        returns the protocol x000D   x000D   x000D    JQuery   x000D   x000D  console log  host       location  attr  host     x000D  console log  hostname       location  attr  hostname     x000D  console log  pathname       location  attr  pathname      x000D  console log  href       location  attr  href        x000D  console log  port       location  attr  port        x000D  console log  protocol       location  attr  protocol     x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 0 jquery min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

I have this to strip out the GET variables   var loc   window location  var currentURL   loc protocol          loc host   loc pathname

User · Answer

By the following code you can get the current URL in  Jquery     location  attr  hostname                     origin URL   location  attr  pathname                      path name   location  attr  hash                          everything comes after hash

User · Answer

window location will give you the current URL  and you can extract whatever you want from it

User · Answer

To get the URL of the parent window from within an iframe     window parent location  attr  href      NB  only works on same domain

[javascript] Get current URL with jQuery?

Examples related to javascript

Examples related to jquery

Examples related to url