Question

我正在寻找一个想要向父页面发送简单消息的iframe。当我的父页面函数被调用时，我得到了event.data，但它是一个数值，而不是一个字符串。

iframe脚本

        <script type="text/javascript">
    function sendMessage(){
        var message = "";
        message = "Hello, I am an Iframe that has loaded";
        parent.postMessage(message, '*');
    }
    </script>

html页面上的脚本

<script>
function receiveMessage(event){
alert(event.data);
}
window.addEventListener("message", receiveMessage, false);

</script>

event.data以197年的形式出现。有什么想法吗？谢谢。

Answer 1

在iframe中添加代码，如下所示......

<script>
  function sendHeight() {
    var height= document.getElementById('pardot-form').offsetHeight;
    window.parent.postMessage({
     'height':height,
     'location':window.location.href
    }, '*');
  }
  window.onload = sendHeight;
  window.onresize = sendHeight;
</script>

javascript postMessage event.data以数字形式返回而不是字符串

1 个答案: