TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Открываем все внешние ссылки в новом окне благодаря jQuery

1 382

Для начала, посетители вашего сайта будут очень раздражены, если каждая ссылка на вашем сайте откроет новую вкладку браузера; поэтому важно держать пользователя на текущей вкладке браузера в максимально возможной степени и до тех пор, пока это имеет смысл. Однако, как владелец сайта, вы хотите, чтобы посетители оставались на вашем сайте как можно дольше и не уходили. Поскольку не стоит ожидать, что посетители никогда не нажмут на ссылку, которая редиректит их с сайта, лучшее, что можно сделать, – это оставить ваш сайт открытым на текущей вкладке и открыть любые внешние сайты в новой вкладке браузера.

Если вы хотите, чтобы ссылка открывалась в новой вкладке браузера, вы обычно устанавливаете target атрибут для ссылки в _blank, например, так:

<a href="https://www.google.com/">Click here</a>

Проблема в том, что человек, создающий ссылку, может не знать HTML. Даже если он используют систему управления контентом, которая позволяет легко установить настройку для открытия ссылка в новом окне или нет, вполне вероятно, что пользователь может не помнить, как устанавливать эту настройку каждый раз.

К счастью, этот фрагмент jQuery может быть добавлен на ваш сайт и позволит легко и последовательно открывать внешние ссылки в новой вкладке браузера :

/** * Открываем все внешние ссылки в новом окне */ jQuery(document).ready(function($) { $('a').filter('[href^="http"], [href^="//"]'.not('[href*="' + window.location.host + '"]'.attr('rel', 'noopener noreferrer').attr('target', '_blank'); });

Статья была переведена для блога TechBlog.SDStudio.top

Источник: wpscholar.com

Источник записи:

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее