如何在彈出窗口或iframe中顯示網頁？ 哪個是最佳做法？

Question

我想讓訪問者點擊一個菜單項，並在頁面中心的iframe / div中彈出頁面，就像顯示的圖像一樣（我以谷歌為例）。

我看過iframe，但看起來很挑剔。 這里的最佳做法是什么？ 感謝幫助！

Answer 1

對於彈出窗口，您應該將window.open與第三個參數strWindowFeatures 。 然后，您將計算窗口的大小並進行數學運算以找到確切的左側和頂部定位。 畢竟，這是Javascript，你可以訪問window.innerWidth和類似的東西！

---

計算窗口位置的公式為：

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

希望這對你有所幫助！

Answer 2

如果你想要嵌入式網頁，那么iframe沒有任何替代方案，但是你可以利用AJAX在單擊選項卡時編寫動態頁面的腳本。 查看更好的iframe替代方案？ 欲獲得更多信息

Answer 3

您可以使用Bootstrap模式窗口執行此操作。