JavaScript переход по ссылке

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

document.location.href = "http://red-book-cms.ru";

Тот же вариант, но без сохранения информации в интернет-обозревателе:

document.location.replace("http://red-book-cms.ru");

И наконец с помощью onclick и onmousemove, написав небольшую функцию, можно сделать переход по ссылкам по клику или по наведению курсора мышки соответственно:

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript переход по ссылке</title>
</head>
<body>
<script type= "text/javascript">
function perehod_po_ssilke_javascript() {
    var ssika = document.getElementById('prerehod_po_ssilke');
    document.location.href = "http://red-book-cms.ru";
}
</script>
<p onclick="javascript: perehod_po_ssilke_javascript()">Кликабельный абзац.</p>
<p onmousemove="javascript: perehod_po_ssilke_javascript()">Вы попадете на другую страницу при наведении курсора.</p>
</body>
</html>

P.S. Если вы вдруг не знаете, как вставить «ЯваСкрипт» на HTML-страницу, тогда прочтите этот материал.

Опубликовано 21-02-2013 в 16:54


Комментариев к записи: 4

  1. Alex:

    Ребят, а подскажите пожалуйста, как реализовать с помощью JavaScript кнопочки или ссылочки «Предыдущая новость» и «Следующая новость». Или такие функции не могут быть универсальными, а зависят только от особенностей движка и построения URL??

  2. Александр:

    Добрый день. Как можно организовать порядок работы скрипт кодов? Добавляю в проекте на страницу скрипт открывающий страницу Yandex.ru и закрывающей её через 15 минут автоматически. Необходимо чтобы после закрытия данной станицы автоматически открылась страница Mail.ru и через 15 минут закрылся автоматически далее по тому же принципу открылась страница Rambler.ru. Спасибо!

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты