Как создать ссылку, которая открывает новое окно веб-страницы или вкладку

Чтобы создать новое окно или вкладку при щелчке по ссылке, к тегу href необходимо добавить атрибут target = «_ blank», как показано ниже.

Компьютер Надежда

Чаевые

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

пример

Ниже приведен пример того, что будет создан вышеупомянутый код. Если щелкнуть ссылку ниже, откроется домашняя страница Computer Hope в новом окне или вкладке в зависимости от вашего браузера и его настроек. Сегодня все новые браузеры открывают эти типы ссылок в новых вкладках.

Откройте Computer Hope в новой вкладке

Уязвимость безопасности в Tabnabbing

Когда ссылка открывается в новой вкладке, новая вкладка получает частичный доступ к ссылающейся странице через объект window.opener, что делает исходную страницу уязвимой для вкладок.

Tabnabbing — это фишинговая техника, которая может изменить содержимое или местоположение исходной страницы, делая ее уязвимой для кражи пользовательского контента. Например, если ссылка на вредоносную страницу была открыта в новой вкладке, она может переключить window.opener.location исходной страницы на новое местоположение (например, поддельная страница входа). Если пользователь попытается вернуться на сайт через поддельную страницу входа, он получит доступ к злоумышленнику.

Чтобы предотвратить вкладку, добавьте атрибут rel = «noopener no referrer» к ссылкам, открывающимся на новой вкладке. В качестве примера ниже приведен тот же код, который мы использовали выше с этим атрибутом, добавленным к тегу.

Смотрите нашу страницу о том, как исправить target = «_ blank» ссылки: проблема безопасности и производительности на веб-страницах для получения дополнительной информации и подробностей об этой уязвимости.

Ссылка на основную публикацию
Adblock
detector