iframe中的弹出窗口如何显示在最外层？

Posted 2023-04-16

本人在iframe页面中加载了一个html页面，在该页面中有个弹出窗口，现在弹出窗口总是在iframe那个框架里，我想让它显示在最外面。如何实现呢？ 望网页高手指点啊
不好意思，没有描述清楚问题，弹出窗口是 dailog 和 window
通过parent.location.href = “Page.htm” 的确可以将页面弹出到上层框架。但是我需要的是一个弹出窗口，带有关闭最小化。

iframe是引用网页的。你要弹出要用要用WINDOW.OPEN命令就可以。
<script language="javascirpt">
window.open('你的页面')
</script>
-----------------------------------------
可能有其它更好的办法，但是用IFRAME，应该不行。 参考技术A 请问你是怎么个弹出法，用js的window.open() ??
结果是在最外面呀。

```````````````````````````````````````````````````
这样子呀，我建议你不一定要用窗口来表现，用个DIV的层就可以了，将div隐藏在最外面的框架中，在需要的时候可以直接从iframe中调用该div,让他显示，最小化。过程中内容，属性全通过js实现。

如何创建像 Stripe 结帐这样的弹出窗口

【中文标题】如何创建像 Stripe 结帐这样的弹出窗口

【英文标题】：How to create a popup like Stripe checkout

【发布时间】：2018-12-10 16:57:27

【问题描述】：

我的任务是创建一个 Web 应用程序，该应用程序在其他网站上创建弹出窗口，例如 Stripe 结帐，在结帐文档 (https://stripe.com/docs/quickstart) 中使用此代码（附在下面）。我有使用 iframe 的经验，但没有使用脚本标签。

任何建议或示例代码都可以。

<form action="your-server-side-code" method="POST">   
  <script src="https://checkout.stripe.com/checkout.js" 
          class="stripe-button"     
          data-key="pk_test_g6do5S237ekq10r65BnxO6S0"     
          data-amount="999"     
          data-name="Stripe.com"    
          data-description="Example charge"     
          data-image="https://stripe.com/img/documentation/checkout/marketplace.png"     
          data-locale="auto"    
          data-zip-code="true">  
  </script> 
</form>

【参考方案1】：

您加载的内容基本上是 javascript。这是您正在加载的脚本：https://checkout.stripe.com/checkout.js。

此脚本创建名为“模态”的弹出窗口。

这是来自 W3Schools 的教程：https://www.w3schools.com/howto/howto_css_modals.asp

这应该足以让您入门。