Как получить текущий URL-адрес с помощью JavaScript?

Опубликовано: 26 Февраля, 2022

Задача - получить URL-адрес сайта. Текущий URL-адрес можно получить, используя свойство «URL» объекта Document, которое содержит информацию о текущем URL-адресе. Свойство 'URL' возвращает строку с полным расположением текущей страницы.

Синтаксис:

 document.URL

Example:

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
  
        h2 {
            font-family: Impact;
        }
  
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>
        JavaScript: Program to 
        get the website URL ?
    </h2>
  
    <p><b>
        Click on Below Button 
        To Get Current URL
    </b></p>
      
    <button onclick="GetURL()">
        Get URL
    </button>
      
    <p id="url"></p>
      
    <script>
        function GetURL() {
            var gfg = document.URL;
            document.getElementById(
                "url").innerHTML = gfg;
        
    </script>
</body>
  
</html>

Выход:
Перед нажатием кнопки:

После нажатия кнопки:

Поддерживаемые браузеры перечислены ниже:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • Опера
  • Сафари