Question

我想在一次点击一个窗口中打开两个不同的链接图像。

例如，有两个不同的图像链接，但我想在一次点击打开同一窗口中的两个图像。我尝试在一次点击时打开两个不同的链接或图像，但是他们在其他窗口中打开它我想在同一个窗口或新窗口中打开这两个图像但是它们必须在一个窗口中打开，彼此相邻

这就是我在一次点击其他两个窗口中打开链接

<a href="http://www.example.org" onclick="window.open('http://www.google.com','newwin');">click me</a>

Answer 1

try this

<script>
function openLink(firstlink,secondlink){
document.getElementById('linkopen').innerHTML='<iframe src="'+firstlink+'"></iframe><iframe src="'+secondlink+'"></iframe>';
}
</script>

<a href="javascript:;" onclick="openLink('http://www.google.com','http://www.yahoo.com');">Open two Link</a>
<div id="linkopen"></div>

Answer 2

你可以使用jQuery，传递你想在锚点的href中打开的两个图像的URL，以及rel属性，如<a href="imageURL1" rel="imageURL2" />，然后用jQuery处理两个图像的打开，得到{{1 }}和rel值，通过将两个图像分配给href来加载它们，如下所示：

src

不要忘记处理click事件并传递控制权，以便他们执行上述代码。

Answer 3

你可以创建一个页面，接受一个（url编码的）url列表作为查询参数，就像这样

?url1&url2&url3

然后该页面可以使用javascript加载查询字符串网址中的所有图像

urls = location.href.split('?')[1].split('&');
for(var i = 0; i < urls.length; i++)
  $('body').append($("<img>").attr("src", urls[i]));

一次单击即可在一个窗口中打开两个不同的链接图像

3 个答案: