如何让父页面的confirm居中显示

您可以使用CSS将confirm对话框居中显示。以下是一种方法：

1. 使用JavaScript创建一个confirm对话框并获取其宽度和高度：

var confirmBox = document.createElement('div');
confirmBox.className = 'confirm-box';
confirmBox.innerHTML = 'Are you sure?';
document.body.appendChild(confirmBox);

var boxWidth = confirmBox.offsetWidth;
var boxHeight = confirmBox.offsetHeight;

document.body.removeChild(confirmBox);

2. 在CSS中设置.confirm-box类的样式，使其居中显示：

.confirm-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 100px;
    font-size: 16px;
}

3. 在JavaScript中使用创建的confirm对话框：

var confirmBox = document.createElement('div');
confirmBox.className = 'confirm-box';
confirmBox.innerHTML = 'Are you sure?';
document.body.appendChild(confirmBox);

// 点击确认按钮
document.querySelector('.confirm-btn').addEventListener('click', function() {
    // 确认操作
});

// 点击取消按钮
document.querySelector('.cancel-btn').addEventListener('click', function() {
    // 取消操作
});

// 关闭confirm对话框
document.querySelector('.close-btn').addEventListener('click', function() {
    document.body.removeChild(confirmBox);
});

这样就可以让confirm对话框居中显示了。