window.location объект может быть использован для получения текущего адреса страницы (URL) , а также перенаправить браузер на новую страницу.
Window Location
window.location объект может быть записан без префикса окна.
Некоторые примеры:
- window.location.href возвращает HREF (URL) текущей страницы
- window.location.hostname возвращает доменное имя веб - хостинга
- window.location.pathname возвращает путь и имя файла текущей страницы
- window.location.protocol возвращает веб - протокол , используемый ( http:// или https:// )
- window.location.assign загружает новый документ
Window Location Href
window.location.href свойство возвращает URL текущей страницы.
пример
Отображение HREF (URL) текущей страницы:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Результат:
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Попробуй сам " Window Location Hostname
window.location.hostname свойство возвращает имя хоста (текущей страницы).
пример
Отображает имя хоста:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
Результат:
Page hostname is admin.w3ii2.com
Попробуй сам " Window Location Pathname
window.location.pathname свойство возвращает путь к текущей странице.
пример
Отображает имя пути текущего URL:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Результат:
/index.php
Попробуй сам " Window Location Protocol
window.location.protocol свойство возвращает веб - протокол страницы.
пример
Отображение веб-протокола:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Результат:
Page protocol is http:
Попробуй сам " Window Location Assign
window.location.assign() метод загружает новый документ.
пример
Загрузите новый документ:
<html>
<head>
<script>
function newDoc() {
window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
Попробуй сам "