How to get current url in JavaScript and jQuery

How to get current URL, parameters and Hash tag using JavaScript

We see all the property by this below Url
http://www.domain.com:8082/index.php#tab1?foo=456
first use window.location then write following property like
window.location.hostwww.domain.com:8082
window.location.hostnamewww.domain.com
window.location.port8082
window.location.protocolhttp
window.location.pathnameindex.php
window.location.hrefhttp://www.domain.com:8082/index.php#tab1
window.location.hash#tab1
window.location.search?foo=456

var currentLocation = window.location;
Basic Structure of a URL
<protocol>//<hostname>:<port>/<pathname><search><hash>
enter image description here

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, stackoverflow.com/index.html.
query -- 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
hash -Sets or returns the anchor portion of a URL.
host -Sets or returns the hostname and port of a URL.
hostname -Sets or returns the hostname of a URL.
href -Sets or returns the entire URL.
pathname -Sets or returns the path name of a URL.
port -Sets or returns the port number the server uses for a URL.
protocol -Sets or returns the protocol of a URL.
search -Sets or returns the query portion of a URL
How to get current url in JavaScript and jQuery How to get current url in JavaScript and jQuery Reviewed by Bhaumik Patel on 7:28 PM Rating: 5