html iframe 的使用方法

let iframe = document.getElementById("iframe");
iframe.onload = function() {
    // 在这执行需要的代码
}

let iframe = document.getElementById("iframe");
iframe.onload = function() {
    const iwindow = iframe.contentWindow // 获取iframe的window对象
    // 比如iframe里有个test的方法，可以直接调用。
    iwindow.test();

    const idoc = iwindow.document // 获取iframe的document
    // 获取到dom后可以操作，比如我们这里来改变一个字体的颜色
    let title_dom = idoc.getElementsByClassName('title')[0]
    title_dom.style.color = '#FFF'

    // 也可以给iframe创建style
    // 先获取iframe的html元素
    let box = idoc.getElementsByTagName('html')[0];

    let style = document.createElement('style');
    style.innerHTML = `
        .title {
            color: red;
        }
    `
    box.appendChild(style)
}