单击锚点而不是新窗口打开弹出窗口

Question

我想创建一个指向弹出窗口的链接。我的问题是，当我第一次单击该按钮时，它将呈现一个弹出窗口，但是当我进一步单击它时，它将打开新窗口。

我想确保仅渲染一个弹出窗口，并防止多次单击时打开新窗口。

<a class="nav-link" href="visitor.html" target="popup" onclick="window.open('visitor.html','name','width=600,height=600')">Some Text</a>

Answer 1

您正在尝试使用锚点（'href'）和JavaScript通过两种不同方式打开新窗口，这可能会导致打开两个不同的窗口。对于您来说，JavaScript会呈现所需的弹出窗口，而anchor标签会打开新窗口。

我建议删除锚标记，并仅使用JavaScript来解决您的问题。请找到以下代码以供参考。

<span class="nav-link" onclick="window.open('visitor.html','name','width=600,height=600')">Some Text</span>