Как я могу сделать HTML гиперссылкой href для открытия нового окна?

Это мой код:

<a href="http://www.google.com" onClick="window.location.href='http://www.yahoo.com';return false;" target="_blank">test</a>

Когда вы щелкаете по нему, вы попадаете в Yahoo, но не открывает новое окно?


html hyperlink window.location
person TheBlackBenzKid    schedule 11.11.2012    source источник
comment
Вы пробовали window.open (местоположение, цель), а не window.location?   -  person John    schedule 12.11.2012
comment
Это сработало @John, если вы разместите полный ответ, я отмечу это. Спасибо   -  person TheBlackBenzKid    schedule 12.11.2012
comment
Иногда я скучаю по близким счастливым дням. Я всегда хихикаю, когда вопрос с более чем 26 тысячами просмотров и 5 голосами (кстати, я был счастлив быть волшебным номером 5) был закрыт из-за того, что я не настоящий. Сохраняйте это правдой.   -  person    schedule 15.01.2014

Ответы (3)


arrow_upward
112
arrow_downward 

<a href="#" onClick="window.open('http://www.yahoo.com', '_blank')">test</a>

Как это просто.

Или без JS

<a href="http://yahoo.com" target="_blank">test</a>
person John    schedule 11.11.2012
comment
Какой мне использовать? Почему? Спасибо - person Cyborg; 10.04.2014
comment
@Cyborg рекомендуется вторая форма (без JS): простая ссылка предлагающая новую вкладку / окно. Первый пример (с JS onclick) следует использовать только тогда, когда другой вариант не может быть использован по очень конкретной технической причине (например: если какой-либо компонент фреймворк / библиотека js / css рекомендует делать это для конкретной ситуации). - person Roimer; 02.05.2014
comment
Конечно, если вы выберете использование Javascript, вам, вероятно, следует изменить ссылку с помощью кнопки и использовать addEventListener вместо встраивания JS в HTML. - person Roimer; 02.05.2014
comment
Я всегда стараюсь использовать второй, так как пользователь может видеть, что именно он открывает (your_url / # не помогает), и я часто использую колесико мыши, чтобы открыть ссылку в новой вкладке. Цель позаботится об этом за меня, но я, как пользователь, не проверяю это раньше, поэтому я просто нажимаю Ctrl + Click или колесико мыши, чтобы открыть его в фоновой вкладке. Интересно, что я думал, что Ctrl + Click и щелчок колесом мыши делают то же самое, но я узнал, что это не так. Первая версия работает с Ctrl + Click и открывает правильный путь, но щелчок колесика мыши просто открывает url / # в новой вкладке. 2-я версия работает с обоими вариантами - person bugybunny; 25.10.2018

arrow_upward
2
arrow_downward

Чтобы открыть ссылку в новом окне, добавьте команду Javascript

onclick="window.open('text-link.htm', 'name','width=600,height=400') внутри тега <a>:

<a href="../html-link.htm" target="popup" onclick="window.open('../html-link.htm','name','width=600,height=400')">Open page in new window</a>
person Ankit JaiSwal    schedule 14.05.2021

arrow_upward
1
arrow_downward

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

<a href="#" onClick='window.open(url, "_blank", "resizable=yes, scrollbars=yes, titlebar=yes, width=800, height=600);'>test</a>

​​Проверьте это тоже

person Uttam Ughareja    schedule 28.04.2021