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

Не знаю, кому как, а лично мне очень не нравится, когда при клике на ссылку в тексте статьи меня переслыают на другой сайт. Я же еще не дочитал!

Это очень неудобно и со временем вырабатывается привычка кликать везде средней кнопкой мыши. Однако, есть и более культурный способ, ведь у ссылок давно существует атрибут target="_blank", который открывает эту ссылку в новом окне. Но, его нужно проставлять вручную у каждой ссылки и это быстро недоедает, а юзеры тем временем уходят с сайта не дочитав заметку.

Задачу нужно решить, причем быстро, просто и навсегда. Поэтому я решил переложить выставление аттрибута ссылки на крепкие плечи jQuery — он не подведёт!

Вот мой маленький, симпатичный скриптик:

$(document).on('click', 'a', function() {
    // Регулярное выражение для определения, ваш ли это сайт? (нужно изменить)
    var site = /bezumkin\.ru/;
    
    // Получаем направление ссылки
    var href = $(this).attr('href');
	
    // Работаем только если ссылка абсолютная, и ведёт не на наш сайт
    if (/^(http|https|ftp)/.test(href) && !site.test(href)) {
        $(this).attr('target', '_blank');
    }
})

Принцип действия очевиден: проверяем при клике, куда ведет ссылка, и если это не наш сайт — то ставим атрибут target="_blank". И всё, ссылка откроется в новом окне.

Таким образом, открываться в текущем окне будут только относительные ссылки, или абсолютные, но на ваш сайт.

Работает на jQuery версии 1.7+. Нагрузки нет, так как замечательная функция «on» срабатывает только при наступлении события (в нашем случае — при клике на ссылку), не развешивая события заранее. Соответственно, вызов не нужно оборачивать в $(document).ready().

a[href^="http"] {background-image:url("../images/external-link.png"); background-repeat:no-repeat; background-position-y:5px; padding-left:10px}