javascript - 如何在弹出窗口或 iframe 中显示网页？哪个是最佳实践？

Question

我想让访问者点击菜单项，然后在页面中心的 iframe/div 中弹出页面，如图所示(我以 Google 为例)。

我研究过 iframe，但它们看起来很挑剔。这里的最佳实践是什么？感谢您的帮助!

Answer 1

对于弹出窗口，您应该使用 window.open使用第三个参数strWindowFeatures。然后，您将计算窗口的大小并进行数学计算以找到准确的左侧和顶部位置。毕竟，这是 Javascript，您确实可以访问 window.innerWidth 之类的东西!

<小时/>窗口位置计算公式为:

{
    left: pageWidth - popupWidth / 2,
    top: pageHeight - popupHeight / 2,
}

希望这对您有帮助!