嘗試從父頁面在iFrame中調用函數時，為什么會收到TypeError？

Question

我有一個頁面（父頁面），其中嵌入了一個iFrame（子元素），該iFrame包含我需要從父對象調用的javascript函數。 該頁面位於不同的域中，但我不知道這是否是問題。 這是我在父頁面上的代碼：

<script type="text/javascript">
    function SaveChanges() {
        var iFrame = document.getElementById("iframeSite");
        iFrame.contentWindow.ExecuteSave();
    }
</script>

...以及我在子頁面上的代碼：

<script type="text/javascript">
    function ExecuteSave() {
        alert("test1");
    }
</script>

當我在父級中調用“ SaveChanges”時，它在嘗試調用“ ExecuteSave”的那一行出錯。

Uncaught TypeError: Property 'ExecuteSave' of object [object DOMWindow] 
is not a function

我已經嘗試了調用子iFrame函數的各種方式，但仍然收到相同的錯誤。

Answer 1

由於iframe位於不同的域中，因此您將無法在它們之間直接調用。 這將違反《 同源起源政策》 。

有用於具有iframe和父母交流的認可方式。 它稱為postMessage() 。

希望這可以幫助！