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>











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

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Blogroll:

  • Рекомендую сдать металлолом тут

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