HTML如何在新窗口中打开此URL?

时间:2015-07-21 12:45:33

标签: html href

这是代码:

WHERE (1) = 

我已经尝试过了:

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

但没有工作

3 个答案:

答案 0 :(得分:1)

试试这个:

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

答案 1 :(得分:1)

您可以在onclickevent新标签后使用 window.open('url','_blank') 打开:

<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),而不是谷歌FAKE_URL

<强> > JSFiddle - Example

<强>解释

您的错误是 target="_blank" 的添加会改变<a href="..."></a>的行为,而不会更改document.location.href='...'的行为。因此,如果没有document.location.href='...',则会在新标签中打开 FAKE_URL

答案 2 :(得分:0)

要在新窗口中打开文件,请使用

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