freeCodeCamp/guide/russian/javascript/location-object/index.md

4.3 KiB
Raw Blame History

title localeTitle
Location Object Объект местоположения

Объект местоположения

Объект «Местоположение» предоставляет API (интерфейс прикладного программирования), который позволяет извлекать URL-адрес, настройку URL-адреса или доступ к частям URL-адреса. Он уже реализован для вас по умолчанию для объектов Window и Document. Примечание. Для объекта местоположения нет общедоступного стандарта, но все основные браузеры поддерживают его.

Свойства объекта местоположения

| Недвижимость | Описание | | ---------- | -------------------------------------- ------------------- | | хэш | Устанавливает или возвращает опорную часть (#) URL-адреса | | хост | Устанавливает или возвращает имя хоста и номер порта URL | | имя хоста | Устанавливает или возвращает имя хоста URL-адреса | | href | Устанавливает или возвращает весь URL | | происхождение | Возвращает протокол, имя хоста и номер порта URL | | путь | Устанавливает или возвращает путь к URL-адресу | | порт | Устанавливает или возвращает номер порта URL-адреса | | протокол | Задает или возвращает протокол URL-адреса | | Поиск | Задает или возвращает часть запроса URL-адреса |

Методы определения местоположения

| Метод | Описание | | ----------- | ------------------------------------- --------- | | assign () | Загружает новый документ | | reload () | Перезагружает текущий документ | | replace () | Заменяет текущий документ новым |

Примеры

Объекты местоположения доступны:

    console.log(window.location); 
    // > https://guide.freecodecamp.org/javascript/location-object 
    console.log(document.location); 
    // > https://guide.freecodecamp.org/javascript/location-object 

Вы также можете программно создать объект Location элемента HTML <a> или элемент HTML <area> с помощью JavaScript.

    var anchor = document.createElement('a'); 
    anchor.url = "https://guide.freecodecamp.org/javascript/location-object"; 

После того, как у вас есть объект с набором URL (включая окно), API-интерфейс Location позволяет вам получить доступ к частям URL-адреса.

    console.log(anchor.protocol); 
    // > https: 
    console.log(anchor.host); 
    // > guide.freecodecamp.org (includes port number if applicable. Example: guide.freecodecamp.org:8080) 

Другие свойства «Местоположение», к которым вы можете получить доступ:

  • anchor.hostname - guide.freecodecamp.org
  • anchor.port - 8080
  • anchor.pathname - / javascript / location-object
  • anchor.origin - https://developer.mozilla.org

Если ваш URL-адрес содержит параметры или хэши, вы можете обращаться к ним следующим образом:

    // If your URL is https://guide.freecodecamp.org/javascript?param=location#other-properties 
    console.log(window.location.search); 
    // > "?param=location" 
    console.log(document.location.hash); 
    // > "#other-properties" 

Дополнительная информация:

W3C - Объект местоположения Место нахождения