У меня есть этот код гиперссылки:
<a href="#" onclick="location.href='http://www.youtube.com/user/mamgrow'; return false;"><img style="position:relative; float:right; height:30px; left:-30px;" alt="mamgrow facebook" src="images/facebook.png"/></a>
И я хочу, чтобы эта ссылка открывалась на новой вкладке...
Я попытался включить это:
style="target-new:tab;
Но это не сработало. Любые идеи?
Вы можете легко использовать атрибут target, например:
<a href="http://www.example.com" target="_blank"><img src="your/image" /></a>
Если у вашего пользователя есть браузер, который поддерживает вкладки, связанная страница откроется на новой вкладке в активном окне браузера, если установлено так - в основном это значение по умолчанию.
Почти каждый браузер поддерживает это сегодня. Для получения подробной информации см. Этот список на Wikipedia.
Вот список свойств атрибута target в теге <a> в HTML:
target="_blank" <!-- opens link in a new window -->
target="_self" <!-- opens link in actual window -->
target="_parent"
target="_top" <!-- both handle frames -->
Эта часть вашего кода:
style="target-new:tab;
не имеет никакого эффекта, его, похоже, не поддерживает в любом современном браузере.
Чтение инструкций w3schools объясняет, что синтаксис для открытия ссылки в новой вкладке или окне (в зависимости от настроек в веб-браузере) вы должны добавить атрибут
target="_blank"
Вы должны использовать следующий код для открытия в новом окне
<a href="http://www.google.com" target="_blank">...</a>
Расширение ответа @ztirom...
Mozilla Developer Network говорит:
цели
Определяет, где будет отображаться связанный URL. Это имя или ключевое слово для контекста просмотра: вкладка, окно или <iframe> . Следующие ключевые слова имеют особые значения:
_self: Загрузите URL-адрес в тот же контекст просмотра, что и текущий. Это поведение по умолчанию.
_blank: загрузите URL-адрес в новый контекст просмотра. Обычно это вкладка, но пользователи могут настроить браузеры на использование новых окон.
_parent: Загрузите URL-адрес в родительский контекст просмотра текущего. Если родителя нет, это ведет себя так же, как и сам.
_top: Загрузите URL-адрес в контекст просмотра верхнего уровня (то есть "самый высокий" контекст просмотра, который является предком текущего, и не имеет родителя). Если нет родительского контекста просмотра, это ведет себя так же, как и сам.
Примечание. При использовании цели рассмотрите возможность добавления rel= "noopener noreferrer", чтобы избежать использования API window.opener.