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


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

  1. Alex:

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

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

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

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

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

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

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