How to get the file name from page URL using JavaScript ?

How to Get the Current URL using JavaScript?

Last Updated : 17 Nov, 2024

Here are two different methods to get the current URL in JavaScript.

1. Using Document.URL Property

The DOM URL property in HTML is used to return a string that contains the complete URL of the current document. The string also includes the HTTP protocol such as ( http://).

Syntax

document.URL

Return Value: It returns a string value that represents the full URL of the document.

<script>
// Get the current URL using document.URL
let currentUrl = document.URL;

// Log the URL to the console
console.log(currentUrl);
</script>

Output

http://127.0.0.1:5500/index.html

2. Using window.location.href Property

The window.location.href property of the HTML DOM Window object returns a string containing the URL of the current page. This property is part of the Location object, which contains information about the current location of the document.

Syntax

window.location.href

<script>
// Get the current URL using document.URL
let currentUrl = document.URL;

// Log the URL to the console
console.log(currentUrl);
</script>

Output:

http://127.0.0.1:5500/index.html

Note: Use the HTML file to copy paste and run the given code and you can see the output in the console, it will print the URL.

How to get the file name from page URL using JavaScript ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to get URL Parameters using JavaScript ?

To get URL parameters using JavaScript means extracting the query string values from a URL. URL parameters, found after the ? in a URL, pass data like search terms or user information. JavaScript can parse these parameters, allowing you to programmatically access or manipulate their values. For gett

How to Get the Path of Current Script using Node.js ?

In Node JS, getting the path of the current script is useful for file operations, logging, and configuration. It allows you to access related files or directories reliably, regardless of where your Node.js process was started. ApproachTo get the path of the present script in node.js we will be using

How to get current_url using Selenium in Python?

While doing work with selenium many URL get opened and redirected in order to keeping track of URL current_url method is used. The current_url method is used to retrieve the URL of the webpage the user is currently accessing. It gives the URL of the current webpage loaded by the driver in selenium.

How to get the file name from page URL using JavaScript ?

JavaScript provides multiple techniques for string manipulation and pattern matching. By demonstrating various methods, the article equips developers with versatile solutions to dynamically retrieve and utilize file names from different URL formats within their applications. There are several approa

How to parse URL using JavaScript ?

Given an URL and the task is to parse that URL and retrieve all the related data using JavaScript. Example: URL: https://www.geeksforgeeks.org/courses When we parse the above URL then we can find hostname: geeksforgeeks.com path: /courses Method 1: In this method, we will use createElement() method

How to Convert Title to URL Slug using JavaScript ?

Converting a title to a URL slug in JavaScript involves transforming the input text into a format suitable for URLs. This typically entails replacing spaces with dashes, removing special characters, and ensuring lowercase consistency for compatibility and readability in web addresses. Prerequisite H

Get the current URL using jQuery

The current URL in jQuery can be obtained by using the 'href' property of the Location object which contains information about the current URL. The href property returns a string with the full URL of the current page. We can access the value of the href property using two different methods of jQuery

How to get the current URL using AngularJS ?

In this article, we will see how to get the current URL with the help of AngularJS, along with knowing its basic implementation through the examples. This task can be accomplished in 2 ways, i.e., by implementing the $location.absURL() method to get the complete URL of the current page, & the 2n

How to Extract the Host Name from URL using JavaScript?

Extracting the hostname from a URL using JavaScript means retrieving the domain part from a complete web address. This can be done using JavaScript's URL object or methods like window.location, which allow easy access to the hostname of a URL. What is URL?A URL (Uniform Resource Locator) is the web

How To Get URL And URL Parts In JavaScript?

In web development, working with URLs is a common task. Whether we need to extract parts of a URL or manipulate the URL for navigation, JavaScript provides multiple approaches to access and modify URL parts. we will explore different approaches to retrieve the full URL and its various components. Th