不能动父页面 怎么让子页面直接在父页面居中弹出个提示框

可以使用JavaScript的窗口方法，如下所示：

1.在父页面中，定义一个函数来打开子页面并居中显示：

function openPopup() {
    var childWindow = window.open('popup.html', 'popupWindow', 'width=400,height=300');
    childWindow.moveTo((window.screen.width - 400) / 2, (window.screen.height - 300) / 2);
}

2.在子页面中，定义一个函数来显示提示框，并在页面加载时调用该函数：

function showPopup() {
    alert('提示框内容');
}

window.onload = function() {
    showPopup();
}

3.在父页面中，调用openPopup()函数来打开子页面并居中显示提示框：

<button onclick="openPopup()">打开子页面</button>

当点击“打开子页面”按钮时，将会弹出一个子页面，其中包含一个居中显示的提示框。注意，由于浏览器的安全限制，可能需要在浏览器设置中打开弹出窗口的权限。

相关问题

在子页面中判断让父页面居中弹出一个提示框

在子页面中，可以通过以下步骤来判断让父页面居中弹出一个提示框：

1. 获取当前页面的父页面对象，可以使用以下代码：

   var parentWindow = window.parent;

2. 判断父页面是否存在，如果存在则继续下一步，否则退出。

   if (parentWindow != null) {
       // continue
   } else {
       return;
   }

3. 在父页面中定义一个居中弹出提示框的函数，例如：

   function showPopup() {
       // code to show popup
   }

4. 在子页面中调用父页面的 showPopup() 函数，例如：

   parentWindow.showPopup();

这样就可以在子页面中判断让父页面居中弹出一个提示框了。

子页面让父页面居中弹出个提示框

可以使用下面的代码实现：

在父页面中添加一个按钮，点击按钮时弹出子页面：

<button onclick="openPopup()">打开提示框</button>

在父页面中添加一个隐藏的 `div` 元素，用于显示子页面：

<div id="popup" style="display: none;"></div>

在父页面中添加以下 JavaScript 代码：

function openPopup() {
  var popup = document.getElementById("popup");
  popup.style.display = "block";
  // 计算子页面的位置，使其居中显示
  var x = (window.innerWidth - popup.offsetWidth) / 2;
  var y = (window.innerHeight - popup.offsetHeight) / 2;
  popup.style.left = x + "px";
  popup.style.top = y + "px";
  // 在子页面中显示提示框
  popup.innerHTML = `
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px;">
      <h2>提示框</h2>
      <p>这是一个提示框。</p>
      <button onclick="closePopup()">关闭</button>
    </div>
  `;
}

function closePopup() {
  var popup = document.getElementById("popup");
  popup.style.display = "none";
}

这段代码定义了 `openPopup` 和 `closePopup` 函数，用于打开和关闭提示框。在 `openPopup` 函数中，首先获取隐藏的 `div` 元素（即子页面），然后计算子页面的位置，使其居中显示。最后，在子页面中显示一个包含标题、内容和关闭按钮的提示框。在 `closePopup` 函数中，隐藏子页面。