在单击锚点而不是新的 window 时打开一个弹出窗口

Question

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

我想确保只呈现一个弹出窗口，并防止在多次单击时打开新的 windows。

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

Answer 1

您正在尝试以两种不同的方式打开新的 window，使用锚点 ('href') 和使用 JavaScript，这可能会导致打开两个不同的 windows。 在您的情况下，JavaScript 呈现所需的弹出窗口，而锚标签打开新的 window。

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

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