Открытие внешних ссылок в новом окне при помощи jQuery

Открытие внешних ссылок в новом окне при помощи jQuery Верстка

Сегодня небольшой урок о том как сделать открытие всех внешних ссылок в новом окне, при помощи jQuery. Сразу оговорюсь, знаю есть атрибут target=»_blank», который как раз создан для открытия ссылок в новом окне. Но за частую в некоторых CMS его нужно прописывать вручную, что очень неудобно. Ну или к примеру у вас уже есть портал, где все внешние ссылки открываются в том же окне (и пользователи тупо покидают сайт не успев его дочитать), тогда target=»_blank» точно отпадает, не лезть же во все страницы и проставлять его.

Поэтому лучше возложить выставление атрибута ссылки на плечи jQuery.

И вот небольшой симпатичный скрипт:

$(document).on('click', 'a', function() {var site = /web-revenue\.ru/; var href = $(this).attr('href'); if (/^(http|https|ftp)/.test(href) && !site.test(href)) {$(this).attr('target', '_blank');}})

Замените значение

/web-revenue\.ru/

на свое.

Работает на jQuery не ниже 1.7+. Нагрузок не создает.

Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( Пока оценок нет )
Web-Revenue.ru
Добавить комментарий