Html 在同一个新窗口中打开页面上的多个链接答案

【问题标题】：Html opening multiple links on the page in a same new windowHtml 在同一个新窗口中打开页面上的多个链接
【发布时间】：2013-09-24 13:54:30
【问题描述】：

我们有一个 html 页面，上面有大约 10 个链接。

点击链接后，应该会打开一个新的浏览器窗口并显示文本。
第二次单击后，应用程序应在已打开的新浏览器窗口中显示相关文本（在上述步骤 1 中打开的窗口）。
这适用于所有进一步的窗口点击。

用户计算机上最多只能打开两个浏览器窗口。

我尝试了以下两种方法，但没有奏效。每次点击链接都会打开一个新的浏览器窗口。这意味着在单击所有十个链接后，我打开了 11 个浏览器窗口。以下是我尝试过的两种基本方法。

我）

<a href="http://www.google.com" target="infoWindow">
    link1
</a>

ii)

<a href="#" onclick="window.open('http://www.google.com', 'infoWindow', 'width=300, height=250'); return false;">info1</a>

有人可以提出解决方案吗？

【问题讨论】：

更准确地说，您希望浏览器在窗口 A 中打开链接 A。如果您再次单击链接 A，那么它将专注于窗口 A，而不是为同一链接创建新窗口？
你有小提琴的例子吗？
不清楚你的要求是什么。也许你可以提供一个jsfiddle。

标签： javascript html

【解决方案1】：

我看到您使用相同的名称调用您的窗口，但它们仍在新窗口中打开，这可能是因为您的 onclick 函数没有获得特定范围来保存对窗口的引用。

如果您要将 onclick 更改为函数，则可以缓存窗口。

//js
var myWindow;
function myClick(){
    myWindow = window.open("http://www.google.com", "infoWindow", "width=300, height=250");
    return false;
}

//html
<a href="#" onclick="myClick()">info1</a>

这里有很棒的文章：infimum.dk

【讨论】：