产生白屏问题的原因是因为点击下载按钮的时候实际上因为某些原因产生了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