在弹窗中控制弹窗页面的 body 标签的大小,可以通过在弹窗页面的 CSS 中设置 body 的样式来实现。

let base = data.rxFile;
let bstr = atob(base);
let n = bstr.length;
let u8arr = new Uint8Array(n);
while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
}
let blob = new Blob([u8arr], {type: 'application/pdf;chartset=UTF-8'});
let url = window.URL.createObjectURL(blob);

// 打开弹窗
let popupWindow = window.open(url);

// 在弹窗页面加载完成后,设置body的样式
popupWindow.onload = function() {
    popupWindow.document.body.style.width = '500px';  // 设置body宽度为500px
    popupWindow.document.body.style.height = '300px'; // 设置body高度为300px
};

// 删除url绑定
window.URL.revokeObjectURL(url);

在弹窗页面加载完成后,利用 popupWindow.onload 事件监听弹窗页面的加载完成事件,然后在回调函数中设置 body 的样式,即可控制弹窗页面的 body 标签的大小。以上代码中设置了 body 的宽度为 500px,高度为 300px,你可以根据实际需求进行调整。

如何控制弹窗页面 body 标签的大小

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

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