如何在彈出框中打開鏈接？

Question

我想將此鏈接作為彈出框打開：

  <a href="/upload/" onclick="window.open(this.href, 'windowName', 'width=500, height=350, left=24, top=24, scrollbars, resizable'); return false;">Upload pic</a>

當前，它在一個窗口中打開，但是我想要的是一個光禿的popub框。 如何使用js或jQuery？

更新 ：鏈接位於表單組中，並且正如此處許多人所建議的那樣，使用iframe導致表單提交（雖然不確定為什么）。 因此，我尋找一種非iframe解決方案。

Answer 1

使用iframe元素構建自己的彈出框；

onclick可以將iframe的src更改為所需的

---

 document.getElementById('modalBtn').onclick = displayPopup; function displayPopup() { var popup = document.getElementById("popup"); var frame = document.getElementById('popupFrame'); frame.src = "https://www.bing.com"; popup.style.display = "block"; } 

 #popup { width: 320px; height: 300px; margin: 0 auto; box-shadow: 1px 1px 1px 1px black; display: none; } #popup iframe { width: 100%; height: 100% } 

 <div id="popup"> <iframe id="popupFrame" src=""></iframe> </div> <button id="modalBtn">Display Popup</button> 

Answer 2

糟糕..誤讀了您的問題

重新回答：

使用jQuery。

$(document).ready(function (){
    $("#testButton").click(function() {$('#overlayContainer').show();});
});

Jsfiddle演示