JS JavaScript Расположение окна

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Назад Дальше ❯

Объект Window. Location можно использовать для получения текущего адреса страницы (URL) и перенаправления обозревателя на новую страницу.

Расположение окна

Объект Window. Location может быть записан без префикса окна.

Некоторые примеры:

  • window.location.href Возвращает HREF (URL) текущей страницы
  • window.location.hostname Возвращает доменное имя веб-узла
  • window.location.pathname Возвращает путь и имя файла текущей страницы
  • window.location.protocol Возвращает используемый веб-протокол (http: или HTTPS:)
  • window.location.assign загружает новый документ

Расположение окна href

Свойство Window. Location. href возвращает URL-адрес текущей страницы.

Пример

Отображение HREF (URL) текущей страницы:

document. getElementById(«demo»).innerHTML =
«Page location is » + window.location.href;

Результат:

Window Location Hostname

Свойство Window. Location. имя узла возвращает имя узла Интернета (текущей страницы).

Пример

Отображение имени хоста:

document.getElementById(«demo»).innerHTML =
«Page hostname is » + window.location.hostname;

Результат:

Путь к местоположению окна

Свойство Window. Location. путь Возвращает путь к текущей странице.

Пример

Отображение имени пути текущего URL-адреса:

document.getElementById(«demo»).innerHTML =
«Page path is » + window.location.pathname;

Result is:

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

Свойство Window. Location. Protocol возвращает веб-протокол страницы.

Пример

Отображение веб-протокола:

document.getElementById(«demo»).innerHTML =
«Page protocol is » + window.location. protocol;

Результат:

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

Свойство Window. Location. Port возвращает номер порта хоста Интернета (текущей страницы).

Пример

Отображение имени хоста:

document.getElementById(«demo»).innerHTML =
«Port number is » + window.location.port;

Result is:

Большинство браузеров не будут отображать номера портов по умолчанию (80 для HTTP и 443 для HTTPS)

Назначение расположения окна

Метод Window. Location. Assign () загружает новый документ.

Пример

Загрузить новый документ:

<html>
<head>
<script>
function newDoc() {
    window.location.assign(«https://html5css.ru»)
}
</script>
</head>
<body>

<input type=»button» value=»Load new document» onclick=»newDoc()»>

</body>
</html>

❮ Назад Дальше ❯

PHP\CSS\JS\HMTL Editor

Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

JavaScript — Шпаргалка по Window.location

Начало основного содержимого

JavaScript, Браузер · 21 декабря 2022 г.

Объект window.location особенно полезен при работе с информацией об URL-адресе страницы. Давайте рассмотрим пример URL-адреса и то, что представляет каждое свойство объекта window.location .

 const url = 'https://dev.30secondsofcode.org:8000/c/js?page=2&sort=asc#search';

Укажите указанный выше URL, вот краткий справочник по свойствам window.location object:

window.location.protocol

  • Схема протокола URL (обычно http: или https: )
  • Пример значения: https: 90 008

окно.

расположение .hostname
  • Доменное имя URL-адреса
  • Пример значения: dev.30secondsofcode.org

window.location.port

  • Номер порта URL-адреса
    • 90 021 Пример значения: 8000

window.location.host

  • Имя домена и номер порта URL-адреса
  • Пример значения: dev.30secondsofcode.org:8000

window.location.origin

  • Протокол схема, доменное имя и номер порта URL-адреса
  • Пример значения: https://dev.30secondsofcode.org:8000

window.location.pathname

  • Путь URL-адреса, включая косую черту в начале
  • Пример значения: /c/js

window.location.search

  • Строка запроса URL, включая начальный знак вопроса
  • Пример значения: ?page=2&sort=asc 9000 8

window.

location.hash
  • Идентификатор фрагмента URL-адреса, включая начальный хеш , номер порта, путь, строка запроса и идентификатор фрагмента
  • Пример значения: https://dev.30secondsofcode.org:8000/c/js?page=2&sort=asc#search

Автор: Ангелос Чаларис

Я Ангелос Чаларис, инженер-программист JavaScript, базируется в Афинах, Греция. Лучшие фрагменты из моих приключений в программировании публикуются здесь, чтобы помочь другим научиться программировать.

Если вы хотите поддерживать связь, подписывайтесь на меня на GitHub.

  • URL-адреса в JavaScript

    Эта коллекция фрагментов содержит все необходимые ресурсы для освоения работы с URL-адресами в JavaScript.

    Коллекция · 13 фрагментов

  • Советы и рекомендации по JavaScript console.log()

    Повысьте уровень ведения журнала JavaScript с помощью этих console.log() советов и рекомендаций.

    JavaScript, Браузер · 12 июня 2021 г.

  • Параметры URL как объект

    Создает объект, содержащий параметры текущего URL.

    JavaScript, Браузер · 22 октября 2020 г.

  • Анализ файла cookie

    Анализирует строку заголовка файла cookie HTTP, возвращая объект всех пар «имя-значение» файла cookie.

    JavaScript, Браузер · 22 октября 2020 г.

Сброс window.location.href - Javascript

Открыть новое окно и закрыть существующие окна?

автор: Кэрол Лин | последнее сообщение от:

Не могли бы использовать вашу помощь с этим. У меня есть окно, которое открывается через onclick и представляет собой маленькое окошко с информацией о сайте. Если пользователь является...

Джаваскрипт

автор: Кристиан Хубингер | последнее сообщение от:

Привет! Я работаю над страницей, которая очень много использует javascript.

Моя проблема сейчас что я не могу перенаправить на другую страницу в IE с помощью window.location...

Джаваскрипт

Проблема с window.open

автор: len.hartley | последнее сообщение от:

Привет, Я пытаюсь открыть всплывающее окно, когда пользователь нажимает на изображение. проблема в том, что когда пользователь нажимает на изображение и всплывает окно...

Javascript

Проблема с сбросом сеансов одним нажатием кнопки

автор: Ян Дэвис | последнее сообщение от:

Привет Я изо всех сил пытаюсь найти решение для очистки некоторых полей на моей веб-странице, которая занимает их значения из некоторых сессий Мое решение ниже работает, когда...

window. location.href с кодировкой?

автор: soni2926 | последнее сообщение от:

Привет, У меня есть всплывающее окно, этому окну нужно обновить родительское окно при открытии я делаю следующее: ...

Javascript

Управление памятью AntDB — контекст памяти

автор: antdb | последнее сообщение от:

Управление памятью — важный модуль базы данных, который можно разделить на управление памятью и управление внешней памятью. Каждый из них...

Общий

Python HTML

автор: pythonnovice23 | последнее сообщение от:

Привет Я новичок в питоне. После обновления до python 3.6 модуль html, который использовался ранее, не работает.

No related posts.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *