Skip to main content

How To Get The Current Page Url With Javascript

How to get the current page URL with JavaScript

When working with web applications, it is often necessary to retrieve the current page's URL using JavaScript. This information can be useful for various purposes, such as tracking user navigation, dynamically generating links, or performing conditional logic based on the current URL. JavaScript offers several methods to obtain the current page URL. you can retrieve the complete URL of the page, including the protocol, domain, path, and any query parameters or fragments.

In this article, we will explore different approaches to retrieve the current page URL using JavaScript, providing you with the knowledge to enhance your web applications with dynamic URL handling.

Table Of Contents

01. Using "window.location.href"

var currentURL = window.location.href;
console.log(currentURL);

Output:

https://www.rustcodeweb.com/2021/07/how-to-get-current-page-url-with-javascript.html

In this method, you can directly access the window.location.href property, which returns the complete URL of the current page, including the protocol, domain, path, and any query parameters or fragments.

Read Also:

  1. How to clear javascript console in Google Chrome
  2. How to convert each character in the string to an array using javascript
  3. How to convert radians to degrees using javascript
  4. How to count the number of keys/properties of an object in JavaScript
  5. How to create array in javascript

02. Using "document.URL"

var currentURL = document.URL;
console.log(currentURL);

Output:

https://www.rustcodeweb.com/2021/07/how-to-get-current-page-url-with-javascript.html

Here, you can use the document.URL property to retrieve the current page's URL. It is similar to window.location.href and returns the complete URL of the page.

Read Also:

  1. How to add two numbers in javascript
  2. How to apply foreach loop on an array in javascript
  3. How to check a string contains numeric digits using javascript
  4. How to check data type in javascript
  5. How to check whether a string contains a substring in JavaScript

03. Using "document.location.href"

var currentURL = document.location.href;
console.log(currentURL);

Output:

https://www.rustcodeweb.com/2021/07/how-to-get-current-page-url-with-javascript.html

This method allows you to access the window.location object, which contains information about the current URL. The window.location object provides properties such as href, protocol, host, pathname, and more, allowing you to extract specific parts of the URL if needed.

Read Also:

  1. How To Generate Random Rgb Color Using Javascript
  2. How To Generate a Random Color in JavaScript
  3. How To Sort Alphabetically Html Unordered Elements Using JavaScript
  4. How to Append Text to a DIV using JavaScript
  5. How to Call a JavaScript Function on Page Load
  6. How to Get Random Value from Array in Javascript
  7. How to Get an Object Keys and Values in JavaScript

04. Using "document.baseURI"

var currentURL = document.baseURI;
console.log(currentURL);

Output:

https://www.rustcodeweb.com/2021/07/how-to-get-current-page-url-with-javascript.html

The document.baseURI property returns the base URL of the current document, which is typically the URL of the HTML file. It provides the same result as the other methods mentioned previously, giving you access to the complete URL of the current page.

Read Also:

  1. How to print hello world using javascript
  2. How to redirect to another page using javascript
  3. How to refresh page on specific time using javascript
  4. How to remove a property of JavaScript object
  5. How to remove a specific item from an array in javascript
  6. How to scroll to the top of the page using javascript
  7. How to set default argument values in JavaScript functions
  8. How to validate an email address Using JavaScript
  9. What is the reverse of the push function in javascript
  10. Write a JavaScript function to check if an input is an array

Comments

Post a Comment