BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Как открыть несколько веб-страниц с помощью одной ссылки

Как открыть несколько веб-страниц с помощью одной ссылки

2015-02-10 / Вр:00:04 / просмотров: 15115

Я уверен, что вы попадали на такие сайты, где, нажимая на ссылку «Скачать» или «Читать новость», открывались две или более веб-страницы. Лично меня такой «фокус» очень интересовал. И, как оказалось, реализовать его не сложно. Такой эффект можно сделать, используя несложный код JavaScript.
Пожалуй, начну из простого.

Как сделать ссылку, чтобы при нажатии открылись два сайта или веб-страницы?

Как сделать ссылку, чтобы при нажатии открылись два сайта или веб-страницы?

Вставьте на ваш сайт вот этот код:

<a href="адрес_ сайта-1" target="_blank" onclick="location.href='адрес_ сайта-2'">Ссылка</a>

«адрес_ сайта-1» и «адрес_ сайта-2» - я думаю, вы поняли, что вместо этого текста, вставляете адреса веб страниц или сайтов.

Вот полностью готовый код:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>BlogGood.ru</title>
  </head>
  <body>
 <a href="/" target="_blank" onclick="location.href='#'">Ссылка</a>
  </body>
</html>

Как сделать ссылку, чтобы при нажатии открылось множество сайтов или веб-страниц?

Как сделать ссылку, чтобы при нажатии открылось множество сайтов или веб-страниц?

Вставьте на ваш сайт между тегами <head>…</head> вот такой код:

<script ENGINE='text/javascript'>
//<![CDATA[

    function LINKNAME() {
    var http = "адрес_ сайта-1";
    var win1 = window.open(http);
    var http = "адрес_ сайта-2";
    var win1 = window.open(http);
    var http = "адрес_ сайта-3";
    var win1 = window.open(http);
    var http = "адрес_ сайта-4";
    var win1 = window.open(http); 

    }
//]]>
</script>

адрес_ сайта-1, адрес_ сайта-2, адрес_ сайта-3 и адрес_ сайта-4 – здесь указываете веб-страницы или адреса сайтов.
Если вам нужно уменьшить или увеличить число ссылок, достаточно добавить или убрать вот этот часть кода:

var http = "адрес_ сайта-xxxxx";
var win1 = window.open(http);

Далее вставьте между тегами <body>…</body> вот этот код:

<a rel="nofollow" href="javascript:LINKNAME()">Ссылка</a>

Теперь при нажатии такой ссылки посетителю откроются четыре сайта или веб-страницы.
Вот готовый код:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>BlogGood.ru</title>
 <script type='text/javascript'>
//<![CDATA[

    function LINKNAME() {
    var http = "http://google.ru/";
    var win1 = window.open(http);
    var http = "/";
    var win1 = window.open(http);
    var http = "http://yandex.ru/";
    var win1 = window.open(http);
    var http = "http://stepkinblog.ru/";
    var win1 = window.open(http); 

    }
//]]>
</script>
  </head>
  <body>
<a rel="nofollow" href="javascript:LINKNAME()">Ссылка</a>
  </body>
</html>

Вот теперь и вы, дорогие друзья, можете делать на своих сайтах и блогах такие фокусы. Подписывайтесь на обновления блога. Всего хорошего!!!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

12 Ответов на комментарий - Как открыть несколько веб-страниц с помощью одной ссылки

  1. Андрей Косолапов

    Класс! Интересный фокус. Правда пока он мне не надо, но спасибо за науку. Я там себе, поставил новый шаблон, так что заходите в гости. :!: :arrow:

  2. Игорь Черноморец

    Привет Степан! Что-то я не понял!
    Вставляешь скрипт и в нем же прописываешь ссылки?

  3. Avatar photo Степан => автор блога

    Спасибо, Андрей, за приглашение, сейчас загляну.

  4. Avatar photo Степан => автор блога

    Привет, Игорь! Все верно Ты понял.

  5. Margana

    Привет! Все ваши скирипты урезаны к сожалению. Поле текста слишком узкое и не влезает весь код. Может исправите? Очень бы хотелось воспользоваться одним из них.

  6. Avatar photo Степан => автор блога

    Здравствуйте!
    Ничего понять не могу, что там в коде урезанно?! Вы пробовали двигать ползунок?

  7. Тимур

    Спасибо, очень полезная статья.
    Вопрос есть
    ссылки откроются в новых окнах или в новых вкладках?

  8. Avatar photo Степан => автор блога

    в новых вкладках

  9. Макс

    В браузерах блокируются всплывающие окна, т.е. открывается только одна ссылка.

    Как можно обойти это (блокировку всплывающих окон)

  10. Avatar photo Степан => автор блога

    Если в настройках браузерах стоит блокировка всплывающий окон, то обойти это невозможно.
    Хотя, может я чего-то не знаю, так как с каждым днем придумывается что-то новое.

  11. Артём М

    Большое спасибо, всё работает! А можно ли сделать так, чтобы новые вкладки открывались сразу при переходе на мой сайт (либо через какое-то время) автоматически?

  12. Avatar photo Степан => автор блога

    Да, можно:

    <script language="JavaScript" ENGINE="text/javascript">
    <!--
    function GoNah(){
     var http = "http://google.ru/";
        var win1 = window.open(http);
        var http = "/";
        var win1 = window.open(http);
        var http = "http://yandex.ru/";
        var win1 = window.open(http);
        var http = "http://stepkinblog.ru/";
        var win1 = window.open(http); 
    }
    setTimeout( 'GoNah()', 6000 );
    //-->
    </script>
    

    Кстати, Артем, почитайте еще вот эту статью по теме.

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716