产生白屏问题的原因是因为点击下载按钮的时候实际上因为某些原因产生了2次点击，如果使用的是 window.location.href 这种下载方式或者a标签的方式，会发生链接覆盖，产生页面跳转。如果想要解决这个问题可以采用iframe进行下载，不同的iframe之间是互补影响的。

代码如下：

let divFrame = window.parent.document.getElementById("dIframe")
if (divFrame != null) {
   window.parent.document.body.removeChild(divFrame)
}
//重新创建
let iframe = window.parent.document.createElement("iframe");
iframe.setAttribute("id", "dIframe");
window.parent.document.body.appendChild(iframe);
divFrame = window.parent.document.getElementById("dIframe");
divFrame.src = url; // 下载链接
divFrame.style.display = "none";

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/8577