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

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

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

Поэтому лучше возложить выставление атрибута ссылки на плечи [mask_link href=»https://www.jquery.com/» target=»_blank»]jQuery[/mask_link].

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

$(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 года!

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

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

Exit mobile version