我知道在新选项卡中<a href="http://www.example.com" target="_blank">Click here</a>打开链接（Chrome 和 Firefox 中的默认行为）并且
<a href="http://www.example.com" onclick="window.open('http://www.example.com',
'newwindow', 'width=700,height=500'); return false;">Click here</a>
在新窗口中打开它。
但是如何在模式弹出窗口中打开外部页面（以屏幕为中心，原始页面的其余部分“变暗”）？
有什么好的方法吗？
我尝试了以下代码，但它似乎不起作用（单击：弹出窗口打开，重新单击，它关闭，重新单击链接：它不再打开。iframe 也不会加载）。
<a href="http://www.example.com" onclick="window.open('http://www.example.com',
'newwindow', 'width=700,height=500'); return false;">Click here</a>
document.getElementById("a").onclick = function(e) {
e.preventDefault();
document.getElementById("popup").style.display = "block";
document.getElementById('iframe').src = "http://example.com";
document.getElementById('page').className = "darken";
setTimeout(function() {
document.getElementById('page').onclick = function() {
document.getElementById("popup").style.display = "none";
document.getElementById('page').className = "";
}
}, 100);
return false;
}#popup {
display: none;
border: 1px black solid;
width: 400px; height: 200px;
top:20px; left:20px; …