要实现点击B项目的按钮关闭A项目的弹窗,你可以使用以下步骤:

  1. 在A项目的页面中,为弹窗添加一个唯一的标识符(例如,可以给弹窗的HTML元素添加一个id)。

  2. 在B项目的页面中,为关闭按钮添加一个点击事件处理程序。

  3. 在点击事件处理程序中,使用JavaScript获取到A项目的父窗口(即包含iframe的窗口)。

  4. 在父窗口中,通过标识符获取到A项目的弹窗元素。

  5. 调用弹窗元素的关闭方法(例如,可以使用jQuery的hide()方法)来关闭A项目的弹窗。

下面是一个示例代码:

在A项目的页面中:

<!-- 弹窗 -->
<div id="popup">...</div>

在B项目的页面中:

<!-- 关闭按钮 -->
<button id="closeButton">关闭</button>

<script>
document.getElementById("closeButton").addEventListener("click", function() {
  // 获取到A项目的父窗口
  var parentWindow = window.parent;

  // 获取到A项目的弹窗元素
  var popup = parentWindow.document.getElementById("popup");

  // 关闭A项目的弹窗
  popup.style.display = "none"; // 或使用其他关闭方法
});
</script>

请注意,由于涉及到跨域访问,你需要确保页面B项目和页面A项目的域名一致或允许跨域访问

A引入项目B的页面iframe引入的在A项目的一个表格里面点击某一行打开一个弹窗弹出里面展示另一个项目的页面B项目地图相关比如要实现我点击地图中的某个按钮要将整个弹窗关闭也就是说点击B里面的按钮关闭A项目的弹窗请问这种怎么实现

原文地址: https://www.cveoy.top/t/topic/iyh1 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录