2013-07-17 5 views
243

Я работаю над HTML-проектом, и я не могу узнать, как открыть ссылку на новой вкладке без javascript.Как открыть ссылку в новой вкладке на html?

Я уже знаю, что <a href="http://www.WEBSITE_NAME.com"></a> открывает ссылку на той же вкладке. Любые идеи, как сделать его открытым в новом?

+1

возможно дубликат [Как я могу открыть ссылку в новой вкладке (а не новом окне)?] (HTTP://stackoverflow.com/questions/6296013/how-can-i-open-a-link-in-new-tab-and-not-new-window) – Wex

+25

use '...' –

+1

Возможный дубликат [Открыть ссылку в новой вкладке ] (http://stackoverflow.com/questions/15551779/open-link-in-new-tab) – Sufian

ответ

412

Установите 'целевой' атрибут ссылки на _blank:

<a href="#" target="_blank">Link</a> 

Edit: другие примеры, смотрите здесь: http://www.w3schools.com/tags/att_a_target.asp

(Примечание: Я ранее предложил blank вместо _blank, потому что, если он будет открывать новую вкладку, а затем использовать ту же самую вкладку, если ссылка снова будет нажата. Однако это связано только с тем, что, как указывал GolezTrol, это относится к имени a кадра/окна, которое будет установлено и используется, когда ссылка снова нажата, чтобы открыть ее на той же вкладке).

+10

Специальные цели начинаются с подчеркивания. 'blank' будет именем фрейма или окна. Может показаться, что это работает, потому что новое окно или вкладка, вероятно, будут открыты, когда не будет имени с именем «пусто», но второй щелчок по ссылке должен открыть страницу на этой же вкладке снова, а не открывать еще одну. – GolezTrol

+1

Ну, я думаю, это не неверно, это просто другое. Я думаю, что вместо «пустого» вы могли бы использовать 'foo', в то время как' _blank' на самом деле имеет особое значение. Я не могу найти никакой информации, чтобы доказать обратное. Ты можешь? – GolezTrol

+0

Итак, если вы хотите, чтобы на каждой отдельной странице открывались две или несколько ссылок на странице, вы не должны использовать '_blank' для этих ссылок, потому что тогда все они будут открываться на одной и той же новой вкладке. – Stefan

10

Использование target="_blank":

<a href="http://www.example.com/" target="_blank">This will open in a new window!</a> 
6

Используйте "целевой" атрибут тега и присвоить его _blank. То есть:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a> 
1

мишень = «_blank» = всегда новая вкладка для каждого нажмите целевой = «TABNAME» = новой вкладке, но это же для каждого щелчка.

68

Используйте один из них в соответствии с вашими требованиями.

Открыть связанный документ в новом окне или вкладке:

<a href="xyz.html" target="_blank"> Link </a> 

Открыть связанный документ в тот же кадр, как она была нажата (это по умолчанию):

<a href="xyz.html" target="_self"> Link </a> 

Открыть связанный документ в исходном кадре:

<a href="xyz.html" target="_parent"> Link </a> 

Открыть связанный документ в полном объеме wi ndow:

<a href="xyz.html" target="_top"> Link </a> 

Открыть связанный документ в указанной рамке:

<a href="xyz.html" target="framename"> Link </a> 

See MDN

+0

Спасибо за информацию. Как открыть ссылку на новой вкладке при нажатии? –

+0

Используйте код в html, как описано выше. Большинство новых браузеров открывают ссылки в новой вкладке по умолчанию, когда вы используете target = "_ blank" –

1

Вы можете использовать <a href="#" target="_blank">Your Text</a> Надеюсь, что это помогло. Спасибо.

+0

Это всего лишь повторение [этого существующего ответа] (https://stackoverflow.com/a/17711167). – Pang

2

Вы можете использовать <a href='url' target="_blank">name</a>

Пример <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

15

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

<head> 
<title>your text</title> 
<base target="_blank"> 
</head> 

надеюсь, что это помогает

5

Когда использовать target='_blank':

HTML-версия (Некоторые устройства не поддерживают его):

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a> 

Версия JavaScript для все устройства:

Использование отн = "внешний" вполне допустимо

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('a[rel="external"]').attr('target', '_blank'); 
</script> 

и Jquery можно попробовать с ниже:

$("#content a[href^='http://']").attr("target","_blank"); 

Если настройки браузера не позволяют вам для открытия в новых окнах:

href = "google.com"; 
onclick="window.open (this.href, ''); return false"; 
2

По умолчанию открывается в той же вкладке:

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

открывает в новой вкладке:

<a href="https://www.google.com/" target="_blank">Google.com </a> 
Смежные вопросы