如何在父窗口中打开iframe弹出窗口
在父窗口中打开iframe弹出窗口可以通过以下步骤实现：
- 首先，在父窗口中创建一个iframe元素，并设置其src属性为弹出窗口的URL地址。例如：
<iframe id="popupFrame" src="popup.html"></iframe>- 接下来，通过JavaScript代码获取到iframe元素，并为其添加一个事件监听器，以便在加载完成后执行相应的操作。例如：
var iframe = document.getElementById("popupFrame");
iframe.addEventListener("load", function() {
// 在iframe加载完成后执行操作
});- 在事件监听器中，可以使用iframe.contentWindow属性获取到iframe中的窗口对象，然后调用其open方法打开一个新的弹出窗口。例如：
iframe.contentWindow.open("popup.html", "_blank");其中，第一个参数是弹出窗口的URL地址，第二个参数是弹出窗口的目标名称，"_blank"表示在新窗口中打开。
完整的代码示例：
<!DOCTYPE html>
<html>
<head>
<title>父窗口</title>
</head>
<body>
<button onclick="openPopup()">打开弹出窗口</button>
<iframe id="popupFrame" src=""></iframe>
<script>
function openPopup() {
var iframe = document.getElementById("popupFrame");
iframe.src = "popup.html";
iframe.addEventListener("load", function() {
iframe.contentWindow.open("popup.html", "_blank");
});
}
</script>
</body>
</html>注意：上述代码中的"popup.html"是弹出窗口的URL地址，可以根据实际情况进行修改。
这种方法可以在父窗口中创建一个iframe元素，并在加载完成后通过iframe.contentWindow.open方法打开一个新的弹出窗口。这样可以实现在父窗口中打开iframe弹出窗口的效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
相关·内容
1回答
简单地说，如何在iframe中打开弹出窗口？无论我是在父窗口中还是在iframe中使用window.open，弹出窗口都会加载到父窗口的顶部。是否有可能打开一个新窗口，使其仅限于iframe？
浏览 1提问于2013-01-10得票数 0
回答已采纳
这里我在父窗口中使用了iframe。当我在iframe页面中点击按钮时，弹出窗口将在iframe页面中打开。但是我想在父窗口中显示弹出窗口？谁来帮我。
如果在父窗口中看起来是这样的：
浏览 1提问于2012-12-14得票数 0
从iframe触发弹出窗口。在这个弹出式界面中，我试图将用户链接到新页面，这个页面应该在父页面的新标签页上打开，但对于弹出窗口，在这种情况下，父界面是iframe，而不是iframe (iframe的父界面)的容器，而我实际上想要打开一个新的标签页如果没有，我如何在新的浏览器窗口中打开该链接？
浏览 1提问于2013-02-04得票数 1
回答已采纳
4回答
我有一个页面(比方说jobs.html)与iframe加载另一个页面(比方说joblist.html).There是另一个弹出式窗口(当点击一个标题时显示作业描述)，这是用javascript生成的，当它加载时将被加载到iframe页面中。我必须在iframe外加载弹出窗口(工作描述弹出窗口)。使用javascript获取jobs.html页面的文档正文有什么解决方案吗？或者，如何在iframe之外
浏览 0提问于2011-07-28得票数 3
回答已采纳
1回答
我正在打开一个弹出在我的网页使用JavaScript。从弹出窗口中，我使用windows.parent.document.getElementsById("...")访问父页面中的一个元素，这将获得所需的元素，然后我可以处理该元素。现在，有几次使用IFrame在另一个页面中打开网页。为此，上面的JavaScript中断了，因为windows.parent指向最外层的页面(其中包含IFrame)。问:如果父页面是通过
浏览 4提问于2015-08-04得票数 0
回答已采纳
在父母中， <td class="label">Test</td>在弹出式窗口，如何从IE中的
浏览 0提问于2018-11-08得票数 0
回答已采纳
在桌面应用程序中，我们通常有父窗口和多个子窗口。如何在web应用程序中模拟这种行为？我在dojo中使用dojo/对话框进行模态对话框，该对话框以弹出形式出现，需要用户操作来关闭对话框窗口，以访问主窗口中的任何项。在dojo中应该使用什么来同时打开多个窗口窗格，并且用户可以使用任何窗口窗格。这与Gmail的聊天窗口类似。Gmail打开多个
浏览 4提问于2013-10-04得票数 1
回答已采纳
在web应用程序中，有时应用程序中会出现弹出窗口。
当用户关闭主窗口时，关闭所有打开的子弹出窗口是否合理？请记住，主窗口不会停留在同一页面上，用户可能会导航到同一应用程序中的其他页面(这意味着即使您保留了对所有打开的子窗口的引用，新的页面请求也会丢失对打开的窗口的引用，等等)。
浏览 0提问于2009-06-18得票数 3
1回答
我的php页面加载时间更长，我在点击页面中的某些内容时会弹出一个弹出。当我单击弹出窗口中的iframe需要在弹出窗口中打开的内容时，弹出窗口立即打开，但是弹出窗口中的iframe在页面加载完成后才会打开。当那个时候，弹出是可见的，但是是空白的；
如何在加载完成前打开i
浏览 3提问于2016-06-27得票数 1
回答已采纳
我目前正在尝试在父页面中打开的弹出窗口中添加事件侦听器。parent.window.open(url, "MyParentWindowPopUp", "width=1000, height=800");
使用这行代码，我打开<
浏览 2提问于2015-02-11得票数 2
当有人点击图片时，我想在iframe弹出窗口中打开一个链接，这是代码- <a href="<?/images/im12.png" height="100" width="100"></div>
如何在iframe弹出</e
浏览 1提问于2013-04-12得票数 1
用户单击iframe对话框窗口中的URL超链接()，对话框窗口关闭，链接在父页面中打开。
如何在父页面中打开单击的链接，而不是在iframe页面中打开？
浏览 2提问于2010-06-15得票数 5
回答已采纳
所以我有一个包含iframe的页面。在iframe内部，有一些链接可以在同一窗口中打开新页面(self.location.href) (window.open(urlstring，'false') etc...etc...有没有办法强制此窗口内的所有链接在新窗口/弹出窗口中打开其内容？覆盖它们的重定向设置，而不更改iframe中的代码？我这样问的原因是，我认为iframe</em
浏览 0提问于2012-07-18得票数 6
回答已采纳
我有一个带有多个面板的Wicket页面，允许用户在弹出窗口中打开新的Wicket页面。用户可以输入一些数据，单击弹出窗口中的submit，然后在处理完提交后关闭。如何在父页面中回调弹出窗口已关闭，以便刷新父页面(父页面需要反映用户在弹出窗口中输入的数据)？是否可以在负责弹出窗口打开的父页面的面
浏览 2提问于2013-11-07得票数 0
我使用HtmlPage.PopupWindow()方法从Silverlight应用程序中弹出一个超文本标记语言页面。我正在尝试处理从Silverlight中关闭弹出窗口的事件。Silverlight应用程序和HTML弹出页面位于同一个域，但它们实际上位于不同的端口。我在想，也许页面在不同的端口上会被认为是跨站点的限制，并导致JavaScript失败。
浏览 4提问于2010-04-29得票数 1
回答已采纳
我想从iframe打开的弹出窗口中设置父窗口的位置。window.opener.parent.location = '../Account/';
浏览 4提问于2011-09-24得票数 6
回答已采纳
我想将事件附加到弹出父项的父项。包含iframe的Form1(母版页)打开Form2(没有母版页)打开一个弹出窗口。我想通过Javascript.How识别Form2打开的弹出窗口中的Form1，我可以这样做吗？
它只适用于Form2。
浏览 2提问于2010-11-24得票数 1
回答已采纳
使用colorbox：我正在用它来打开一个窗口，使用的是colorbox中的iframe函数。在弹出窗口/iframe中，我有一个表单。我试图实现的是，当表单提交时，我希望关闭colorbox窗口并刷新父窗口。有人能帮我吗？这是我现在使用的代码，当我手动关闭colorbox窗口时，父</em
浏览 3提问于2011-07-08得票数 7
回答已采纳
我有一个网页，我在一个弹出式窗口中显示账单信息。此弹出窗口是DIV，而不是新窗口。在弹出窗口中有两个div，一个是按住print和close按钮，另一个是按住iframe。原因是当单击print按钮时，将打印iframe的内容，因此不会打印print和close按钮。就像..。它是一个列表，其中每个条目都有一个账单链接，单击时会显示弹出窗口，其中加载了iframe以显示账单信息。当
浏览 0提问于2010-08-10得票数 0
回答已采纳
我有一个视图，我在模式弹出窗口中使用fancybox打开另一个视图。在此弹出窗口中，用户可以编辑某些数据。它工作得很好，并且数据由modalpopup显示，但是当我点击保存按钮时，父窗口变为模式弹出内容。<script type="text/javascript"> $("a#iframe</
浏览 2提问于2009-12-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
