簡単なpostMessageの例

983 ワード

JavaScript埋め立ての道

ドキュメント間のメッセージ転送(cros-document Message)とは、異なるドメインのページ間でメッセージを送ることを意味します.
以下は私がwebstormでテストしたpostMessageを使って、iframeと親レベルの間を転送します.




    
    Title
    








<disable_script>
    console.log(window.location)
    let iframe = document.querySelector("iframe")
    iframe.onload=function () {
        setTimeout(function () {
            iframe.contentWindow.postMessage('WXS','http://localhost:63342')
        },1000)
    }

    window.addEventListener("message",function (res) {
        console.log(res)
    })

</disable_script>

</code></pre>しかし、この  はドメインをまたぐことができないようです.  ページは じドメインの にしなければなりません. じプロトコル(http)で、 じドメイン (wwww.locaolhost)で、 じポート  (63342)

バックスペースのタブバックを無効にしますが、テキストの内容は削除できます.