美文网首页
iframe传值

iframe传值

作者: DTripper | 来源:发表于2021-07-07 09:28 被阅读0次

    不太建议使用iframe额 有其他方案记得分享给我哦

    // 父接收子的信息
    // 子
    window.parent.postMessage({
       cmd: '定义的名字'
    }, '*')
    
    
    // 父
      window.onmessage = event => {
        // 根据上面制定的结构来解析iframe内部发回来的数据
        const data = event.data
    }
    
    // contentwindow
    window.frames[0].postMessage({ hi : 10 },'*') // 给子页面发送信息
    

    相关文章

      网友评论

          本文标题:iframe传值

          本文链接:https://www.haomeiwen.com/subject/dncjeltx.html