Document.location.href

"document.location.href" - это один из методов "document.location"

Подробно о "document.location.href"

1. Что такое document.location.href
2. Пример использования document.location.href
   
3. Второй пример document.location.href
4. Открыть document.location.href в новой вкладке

Что такое document.location.href

Дадим определение : "Что такое document.location.href":

document.location.href - возвращает текущий url(адрес) страницы

Синтаксис document.location.href

document.location.href

Вывести на экран document.location.href

Для того, чтобы вывести на экран document.location.href вам понадобится:

Тег script.

В него помещаем document.write();

И внутри него "document.location.href"

Получим код document.location.href

<script> document.write ( document.location.href );</script>

И вы получите(обращаю ваше внимание!):




Пример использования document.location.href

Для чего можно использовать "document.location.href"... ну например, для перехода по ссылке.

Для этого вам понадобится:

Тег ссылка.

Внутри тега помещаем onclick

В onclick помещаем "document.location.href" + равно + адрес.

Соберем весь код:

Код использования document.location.href

<a onclick="document.location.href = 'https://dwweb.ru/';">dwweb.ru</a>

Живой пример использования document.location.href

Разместим выше приведенный код использования "document.location.href" - прямо здесь:

dwweb.ru



Второй пример document.location.href

Для того, чтобы продемонстрировать второй пример использования document.location.href мне понадобится :

Теория, код, пример из выше приведенного пункта.

Только вместо onclick пишем "javascript:"

Соберем весь код:

Код document.location.href

<a href='javascript: document.location.href = "https://dwweb.ru/"'>пример document.location.href</a>

Пример использования document.location.href

пример document.location.href
Обращаю ваше внимание!

Нужно обратить ваше внимание на то, что возвращает document.location.href...

Давайте сделаем вот такой пример ссылки(со всяким мусором после адреса...), document.location.href вернет всю эту порнуху - нажми по ссылке :

<a href=https://dwweb.ru/document_location_href.html?example=1#result>текст_ссылки</a>
Проверь возвращаемое значение document.location.href.




Открыть document.location.href в новой вкладке

Как можно открыть "document.location.href в новой вкладке "...?

Ответ никак! document.location.href в новой вкладке открыть нельзя !

"document.location.href в новой вкладке" - открыть нельзя!

Что можно сделать? Можно заменить document.location.href на window.open


Результат работы кода при замененном document.location.href

<div onclick="window.open('http://time.dwweb.ru/', '_blank');" style="cursor:pointer">Нажми на меня</div>

Нажми на меня