HTML Как открыть этот URL в новом окне?


Это код:

<a href="FAKE_URL" onclick="document.location.href = 'REAL_URL'; return false;">
<img src="IMAGE"></a>

Я уже пробовал:

<a href="FAKE_URL" onclick="document.location.href = 'REAL_URL'; return false;" target="_blank">
<img src="IMAGE"></a>

Но не работает

3 3

3 ответа:

Попробуйте это:

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

Вы можете использовать window.open('url','_blank') Чтобы открыть после onclickevent новую вкладку:

<a href="https://google.com" onclick="window.open('https://youtube.com','_blank'); return false;">click here for a new tab</a>

Или вы можете использовать window.open('url','','width=,height=') Чтобы открыть новое окно:

<a href="https://google.com" onclick="window.open('https://youtube.com','','width=800,height=700'); return false;">click here for a new window...</a>

В этом примере он откроет youtube (REAL_URL) вместо google (FAKE_URL)

> JSFiddle-Пример


Пояснение:

Ваша ошибка заключалась в том, что добавление target="_blank" изменяет поведение вашего <a href="..."></a>, но не вашего document.location.href='...'. Так без document.location.href='...' это открыло бы FAKE_URL в новой вкладке.

Чтобы открыть файл в новом окне, используйте

onclick="window.open('yourfile.html','','width=750px,height=1000px,left=150,top=‌​0,toolbar=no,status=no,resizable=no,titlebar=no').focus();"