iframe的使用

365 阅读1分钟

iframe

iframe有个问题,只能加载同源的文件,如果是不同源的,要解决跨域问题。 加载外部文件

<iframe :src="iframeUrl" scrolling="no" frameborder ="0" id="myIframe"></iframe>

常用的属性

src链接地址
scrolling是否有滚动条yes/no/auto
frameborder是否有边框0/1

iframe写入外部dom

let iFrameDoc = document.getElementById('myIframe');
let container = iFrameDoc.contentWindow.document;

container.open()
container.write(res) ;
container.close();

获取 iframe 标签

let iFrameDoc = document.getElementById('myIframe');

获取 iframe的document

let container = iFrameDoc.contentDocument;