第一類： iframe逐個加載

updateIframeSrc(index = 0) {let srcLen = this.srcArr.length;if (index == srcLen) {return false;} else {var iframe = document.createElement("iframe");iframe.id = this.srcArr[index]["name"];iframe.src = this.srcArr[index]["src"];iframe.width = "100%";iframe.height = "200";iframe.style.borderWidth = "0";if (iframe.attachEvent) {//IEiframe.attachEvent("onload", () => {index++;this.updateIframeSrc(index);});} else {//not IEiframe.onload = () => {index++;this.updateIframeSrc(index);};}let _iframeBox = $(`<div class="col-md-3 iframe-box"></div>`);$("#app").append(_iframeBox.html(iframe));}

效果是，iframe逐個加載

參考鏈接：https://blog.csdn.net/tree3170/article/details/8279249

第二類：需要點擊事件，顯示對應(yīng)的iframe
https://codegena.com/light-iframe-embeds/

總結(jié)

以上是生活随笔為你收集整理的多个iframe加载遇到的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。