Объект window.location можно использовать для получения адреса текущей страницы (URL) и для перенаправления браузера на новую страницу.
Расположение window
Объект window.location может быть записан без префикса window.
Несколько примеров:
window.location.hrefвозвращает href (URL) текущей страницыwindow.location.hostnameвозвращает доменное имя веб хостингаwindow.location.pathnameвозвращает путь и имя файла текущей страницыwindow.location.protocolвозвращает используемый веб протокол (http: или https:)window.location.assign()загружает новый документ
Расположение окна текущей страницы
Свойство window.location.href возвращает URL текущей страницы.
Отображение href (URL) текущей страницы:
document.getElementById("demo").innerHTML =
"Расположение страницы " + window.location.href;
Результат:
Расположение окна имя хоста
Cвойство window.location.hostname возвращает имя интернет хоста (текущей страницы).
Показать имя хоста:
document.getElementById("demo").innerHTML =
"Имя хоста страницы " + window.location.hostname;
Результат:
Путь к расположению окна
Свойство window.location.pathname возвращает путь к текущей странице.
Отобразить путь к текущему URL:
document.getElementById("demo").innerHTML =
"Путь к странице " + window.location.pathname;
Результат:
Протокол расположения окон
Свойство window.location.protocol возвращает веб - протокол страницы.
Отобразите веб протокол:
document.getElementById("demo").innerHTML =
"Протокол страницы " + window.location.protocol;
Результат:
Порт расположения окна
Свойство window.location.port возвращает число интернет порта (текущей страницы).
Показать имя хоста:
document.getElementById("demo").innerHTML =
"Номер порта " + window.location.port;
Результат:
Большинство браузеров не отображают номера портов по умолчанию (80 для http и 443 для https)
Назначить расположение окна
Метод window.location.assign() загружает новый документ.
Загрузите новый документ:
<html>
<head>
<script>
function newDoc(){
window.location.assign("https://www.schoolsw3.com")
}
</script>
</head>
<body>
<input type="button" value="Загрузить новый документ"
onclick="newDoc()">
</body>
</html>
Попробуйте сами »