在其他html窗口中创建一个html窗口

Create a html window within another html window

本文关键字：窗口 html 一个 创建 其他      更新时间：2023-09-26

我目前有一个包含几个按钮的页面。当我点击按钮时，我想在父页面中打开一个新的html页面。我想这样做，父窗口变得透明，新页面在上面。我该怎么做？我试过使用Iframes，但它没有给我想要的输出。

James Kirsch给了你一种方法。另一种方法是有一个隐藏的div，当你需要它时可以显示。在这两种情况下，你可能都必须在div（或打开的窗口）后面放置一个半透明的GIF图像，这样在完成与新窗口的交互之前，人们就不能对网页的其余部分做任何事情。您可以使用z-index CSS命令来完成此操作。因此DIV是：

<DIV style='z-index:100;'>....</DIV>

图像会有点像

<img src="PUT YOUR PATH HERE" style='position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:50;'>

这将使GIF图像介于网页和DIV.之间

以上就是当你去一个网站时，他们会把新窗口后面的一切都灰掉的情况。它还可以防止人们在你不想让他们按下按钮的时候按下按钮

IFRAME代表INSERTED_FRAME，其中"INSERTED"部分意味着它插入到预先存在的网页中。这就是为什么它不起作用。FRAME命令也不起作用，因为它（再次）嵌入到预先存在的网页中。您希望将新窗口放置在网页顶部。因此，Kirsch先生的回答和我自己的回答。请注意，您也可以使用TABLE命令来做同样的事情——即使目前不赞成使用表。正是命令的STYLE部分导致HTML元素出现在网页的其余部分之上，而不是任何特定的HTML命令本身。此外，STYLE命令的"position:absolute"部分覆盖了网页对元素的定位。玩得高兴

在Javascript中，您是否考虑过使用以下内容？

window.open();

这个调用似乎需要位置和大小的参数，如果你愿意，你也可以关闭前一个窗口，或者操纵它

示例：

window.open('this.html','','left=15,top=15,width=800,height=600');

参考：此处

相关文章：