2 способа открыть ссылку в новой вкладке браузера
Здравствуйте. В этом уроке Вы научитесь делать ссылки так, чтобы открывающаяся страница появлялась в новой вкладке Вашего браузера. Подробные примеры, как я делал все это, отдельно на jQuery, отдельно на HTML, Вы можете просмотреть ниже:
 |  |
I. jQuery.
Первым делом нам нужно подключить библиотеку jQuery. Делаем это, вставляя следующий код между тегами <head> и </head>:
<script type="text/javascript" src="jquery.js"></script>
Далее размещаем саму ссылку, заранее придавая значение "external" атрибуту "rel":
<a href="http://www.ruseller.com" rel="external">RUSELLER.COM</a>
Ну, и наконец, сразу после размещения кода ссылки нам нужно вставить небольшой jQuery-код, который будет играть большую роль в работе открывающейся вкладки:
<script type="text/javascript">
$('a[rel=external]').attr('target','_blank');
</script>
II. HTML
Естественно, следующий прием вызова страницы в новой вкладке браузера будет во много раз проще и лучше и многим из Вас придется по душе. Для этого всего лишь исходной ссылке необходимо придать значение "_blank". Окончательный код ссылки будет выглядеть вот так:
<a href="http://www.ruseller.com" target="_blank">RUSELLER.COM</a>
Заключение.
На этом я заканчиваю урок. Если вдруг возникнут какие-либо вопросы, задавайте их в комментариях! ;-) До новых встреч!
С искренним уважением, Максим Курочкин
Комментариев нет:
Отправить комментарий