在模态框中打开网页？

Question

这可能吗？不只是html而且还有不同的样式表等，同时遮挡了屏幕的其余部分？

感谢您的帮助。

安

Answer 1

结帐Colorbox（Demo）。它是jQuery的一个非常好的组合插件。

使用iFrame，你可以在这个模态插件中加载很多东西。以下是带有iFrame的演示的示例代码。

<强>标记

<a class='example7' href="http://google.com">Outside Webpage (Iframe)</a>

<强>的JavaScript

$(".example7").colorbox({iframe:true, innerWidth:425, innerHeight:344});

所以，您可以将http://google.com更改为./your-iFrame.html或其他任何内容，它会加载并呈现整个页面！

Answer 2

您可以使用window.showModalDialog（虽然这可以作为新窗口实现）或通过在<iframe>中加载页面并添加z-index的半透明元素来自己实现模态对话框。 1}}使其覆盖整个文档。

Answer 3

是的，将数据加载到iframe中。大多数模态脚本（如简单模态）都非常好地集成了，只需要调整一些选项就可以使用它。