html - 重定向网页并打开另一个网页的方法？

Question

只是想知道是否有网站代码，何时，如果在当前网页上单击超链接图片 - www.idontknow.com（例如）。一个站点打开，一个更改页面

所以我点击 www.idontknow.com/page1 上的图片

一个新窗口打开到 www.youclickedthispicture.co.uk/troll

但是在打开另一个窗口的同时，是否可以将 www.idontknow.com/page1 更改为 www.idontknow.com/page4 例如

Answer 1

尝试：

<a href="www.idontknow.com/page4" onclick="window.open('www.youclickedthispicture.co.uk/troll')">Click Here</a>

Answer 2

您可以使用该target属性在新页面中打开第一个链接，然后使用 document.location 更改当前页面的 URL。

<a href="newpage.html" target="_blank">Open in new page</a>

$("a").click(function(){
  document.location = "newpage.html";
})

注意：上面的函数正在实现 jQuery。不确定您是否对此感到满意。

Answer 3

同时打开链接的页面（包括图像预览）可以将targetHTML 属性与 javascript 结合使用onclick。首先，href：

采取以下html：

<a href="http://www.idontknow.com/some_image.png">
  <img src="http://www.idontknow.com/some_image.png" />
</a>

...单击此图像将在同一窗口中加载图像。现在，考虑：

<a target="_blank" href="http://www.idontknow.com/some_image.png">
  <img src="http://www.idontknow.com/some_image.png" />
</a>

...单击此图像将在新选项卡或窗口中打开图像（或链接）（取决于用户设置和浏览器功能）。

用于完成同时弹出窗口的 javascript：

<a onclick="window.open('http://www.idontknow.com/some_image.png')" href="http://www.idontknow.com/some_other_page.html">
  <img src="http://www.idontknow.com/some_image.png" />
</a>

单击 THAT 会将当前页面定向到some_other_page.html并在弹出窗口中打开图像（或其他）。

文档

• aMDN 上的元素 - https://developer.mozilla.org/en-US/docs/HTML/Element/a
• window.open在 MDN - https://developer.mozilla.org/en-US/docs/DOM/window.open