沐鳴首頁_點擊下載文件產生的白屏問題解決

產生白屏問題的原因是因為點擊下載按鈕的時候實際上因為某些原因產生了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";

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/8577