美文网首页
iframe跨域传值

iframe跨域传值

作者: _undefined | 来源:发表于2019-05-14 14:18 被阅读0次

    parent 页面 localhost:8080

    <iframe src="http://localhost:8081"></iframe>
    
    <script>
    // window.addEventListener("message", function(event) {
    //     console.log('child', event.data)
    // })
    $(window).on('message', function(event) {
        console.log('child', event.originalEvent.data)
    })
    </script>
    

    child 页面 localhost:8081

    <script>
    window.top.postMessage({
        msg: 'hello world'
    }, '*')
    </script>
    

    https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

    相关文章

      网友评论

          本文标题:iframe跨域传值

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