可以类似这样:

/**

* 动态创建iframe

* @param dom 创建iframe的容器,即在dom中创建iframe。dom能够是div、span或者其它标签。

* @param src iframe中打开的网页路径

* @param onload iframe载入完后触发该事件。能够为空

* @return 返回创建的iframe对象

*/

createIframe(dom, src, onload) {

//在document中创建iframe

var iframe = document.createElement("iframe");

//设置iframe的样式

iframe.style.width = "100%";

iframe.style.height = "100%";

iframe.style.margin = "0";

iframe.style.padding = "0";

iframe.style.overflow = "hidden";

iframe.style.border = "none";

//绑定iframe的onload事件,处理事件的兼容问题

if (

onload &&

Object.prototype.toString.call(onload) === "[object Function]"

) {

if (iframe.attachEvent) {

iframe.attachEvent("onload", onload);

} else if (iframe.addEventListener) {

iframe.addEventListener("load", onload);

} else {

iframe.onload = onload;

}

}

iframe.src = src;

//把iframe载入到dom以下

dom.appendChild(iframe);

return iframe;

},

Logo

前往低代码交流专区

更多推荐