javascript - 在另一个 html 窗口中创建一个 html 窗口

标签 javascript jquery html angularjs

我目前有一个带有几个按钮的页面。当我单击按钮时,我想在父页面中打开一个新的 html 页面。我想以这样的方式执行此操作:父窗口变得透明并且新页面位于其上方。我该怎么做呢?我尝试过使用 Iframe,但它没有提供我想要的输出。

最佳答案

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 命令也不起作用,因为(再次)它被嵌入到预先存在的网页中。您想要将新窗口放置在网页顶部。因此,基尔希先生的回答和我自己的回答。请注意,您也可以使用 TABLE 命令来执行相同的操作 - 即使目前不赞成使用表。是命令的 STYLE 部分导致 HTML 元素出现在网页其余部分的上方,而不是任何特定的 HTML 命令本身。此外,STYLE 命令的“position:absolute”部分会覆盖网页元素的定位。玩得开心!

关于javascript - 在另一个 html 窗口中创建一个 html 窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34522127/

相关文章:

php - 数组数据格式redis pub子 channel

javascript - 防止覆盖提供的内部函数的方法

javascript - 使用 mozilla-pdf 在 chrome 浏览器中渲染 PDF 文件

html - 如何在不使用 JS/jQuery 的情况下使占位符消失?

html - Flexbox 媒体查询溢出 div

javascript - 带有类的事件处理程序

javascript - 页面回调后更改js函数

javascript - 为什么 setTimeout 阻止递归 $http.get 调用

javascript - 为什么 JS 在重写变量时会抛出意外错误?

javascript - 用于左右导航的 Revslider slider 图像数据转换