JQuery ссылки: распознаем внешние

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

Итак, используем регулярные выражения и JQuery:

$(document).on('click', 'a', function() {

    // Шаблон, содержащий домен нашего сайта: 
    var homeURL = /red-book-cms\.ru/;

    // Вытаскиваем URL по которому был совершен клик:
    var href = $(this).attr('href');
    
    // Добавляем атрибут target="_blank" только, если встречаем 
    // абсолютную ссылку на сторонний веб-ресурс:
    if (/^(http|https|ftp)/.test(href) && !homeURL.test(href)) 
        $(this).attr('target', '_blank');

})

Таким образом, ссылка в момент клика пользователя по ней получит атрибут target="_blank", если она абсолютная и внешняя. В противном случае ничего не делаем.

Скачать рабочий пример
Опубликовано 12-08-2013 в 15:23


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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

Последние твиты