如何控制弹窗页面 body 标签的大小
在弹窗中控制弹窗页面的 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,你可以根据实际需求进行调整。
原文地址: https://www.cveoy.top/t/topic/cVxR 著作权归作者所有。请勿转载和采集!