在單擊錨點而不是新的 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>