Как сделать переход по ссылке в js

как перейти по ссылке js

Чтобы перейти по ссылке на ресурс, существует два типовых приема, основанных на объекте document.location :

// Вариант со свойством 'href' document.location.href = 'https://domain.ru/home'; // С использованием метода 'replace' document.location.replace('https://domain.ru/home'); 

Создадим переход на страницу описания по клику на логотип:

const logoCollection = document.querySelectorAll('.logo[data-url]'); logoCollection.forEach((element) =>  element.onclick = () =>  // Получим url из атрибута data-url // И перейдем на страницу описания document.location.href = element.dataset.url; >; >); 

Как сделать переход по ссылке в js

Сделайте так, чтобы при клике на ссылки внутри элемента id=»contents» пользователю выводился вопрос о том, действительно ли он хочет покинуть страницу, и если он не хочет, то прерывать переход по ссылке.

Так это должно работать:

Это – классическая задача на тему делегирования.

В реальной жизни мы можем перехватить событие и создать AJAX-запрос к серверу, который сохранит информацию о том, по какой ссылке ушёл посетитель. Или мы можем загрузить содержимое и отобразить его прямо на странице (если допустимо).

Всё, что нам необходимо, это поймать событие contents.onclick и использовать функцию confirm , чтобы задать вопрос пользователю. Хорошей идеей было бы использовать link.getAttribute(‘href’) вместо link.href для ссылок. Смотрите решение в песочнице.

Переход на другую страницу по нажатию на блок

Ну из div ссылку вы сделать не сможете, но можно привязать onclick к нужному блоку и делать переход как по ссылке следующим образом:

Content
 

Пример:

div < height: 200px; width: 200px; outline: 1px solid black; display: flex; align-items: center; justify-content: center; >div:hover

Redirect to another site

Если у вас не срабатывает корректно onClick в некоторых браузерах, то добавьте javascript: :

Content
 

Отслеживать
ответ дан 22 окт 2018 в 11:46
user192664 user192664
а что должно произойти по клику? У меня 404 ошибка)
22 окт 2018 в 11:48

Делать ссылки на JS — это уже неправильный семантический подход. Ссылки должны индексироваться и быть доступны скринридерами. Да и зачем усложнять жизнь с джаваскриптом, когда есть возможность реализации на нативном HTML.

.block

Но так как ссылка — строчный элемент, внутри него неправильно всовывать блочные элементы. Поэтому лучше сделать ссылку элементом блока, и потом натянуть ее поверх остального содержимого блока:

.block < position: relative; z-index: 0; >.block__link

Курсы javascript

Помогите есть задача, при событие например onclick перейти по ссылке, подскажите как сделать или, где можно прочитать спасибо!

17.10.2009, 22:20
Новичок на форуме
Регистрация: 19.02.2008
Сообщений: 9,177

location.href = 'http://www.yandex.ru/';

30.01.2010, 17:08
Регистрация: 16.12.2009
Сообщений: 422
Конечно, уже никому не надо))->

Я-ссылачка))





 

30.01.2010, 17:40
Регистрация: 10.07.2008
Сообщений: 3,873
а return зачем?
30.01.2010, 20:34
Регистрация: 16.12.2009
Сообщений: 422
Octane,
да я так
06.02.2010, 02:17
Новичок на форуме
Регистрация: 05.02.2010
Сообщений: 7
Вот собственно подобная ситуация. Сам пользуюсь Денвером.
И вот что происходит. Вот код:
function slide(href) < if (parseInt(document.getElementById("block").style.right) < 503) < document.getElementById("block").style.right = parseInt(document.getElementById("block").style.right)+10 setTimeout("slide()",10) >else

если добавить href в setTimeout(«slide(href )»,10) тогда работает, но только надо постоянно клацать по ссылке(((

пишет «Вы ошиблись при наборе URL в браузере. Вероятнее всего, сервер пытается найти файл Z:/home/rrp/www/undefined, которого не существует.

В случае использования CGI-скриптов, корректные пути к CGI-директориям следующие. «

я так понимаю что моя запись ‘z:/home/rrp/www/news.html’ или location.href=href не правильные файл news.html точно есть в папке. Что не так?