window.parent.top中在父页面居中弹出提示框
时间: 2023-05-31 09:04:40 浏览: 191
您可以使用以下代码在父页面中居中弹出提示框:
```
var message = "这是一个提示框";
var left = (window.parent.innerWidth - 200) / 2; // 假设提示框宽度为200px
var top = (window.parent.innerHeight - 100) / 2; // 假设提示框高度为100px
window.parent.top.postMessage(message, "*"); // 发送消息到父页面
window.parent.document.getElementById('myPopup').style.left = left + "px"; // 设置提示框左边距
window.parent.document.getElementById('myPopup').style.top = top + "px"; // 设置提示框上边距
window.parent.document.getElementById('myPopup').style.display = "block"; // 显示提示框
```
这里假设父页面中有一个id为"myPopup"的提示框元素,你需要在父页面中预先定义这个元素,并设置它的样式为固定定位,以便实现居中效果。同时,你需要在父页面中监听message事件,以便接收子页面发送的消息,从而触发弹出提示框的操作。
相关问题
在子页面中判断让父页面居中弹出一个提示框
在子页面中,可以通过以下步骤来判断让父页面居中弹出一个提示框:
1. 获取当前页面的父页面对象,可以使用以下代码:
```
var parentWindow = window.parent;
```
2. 判断父页面是否存在,如果存在则继续下一步,否则退出。
```
if (parentWindow != null) {
// continue
} else {
return;
}
```
3. 在父页面中定义一个居中弹出提示框的函数,例如:
```
function showPopup() {
// code to show popup
}
```
4. 在子页面中调用父页面的 showPopup() 函数,例如:
```
parentWindow.showPopup();
```
这样就可以在子页面中判断让父页面居中弹出一个提示框了。
阅读全文