在不同的iframe中调用JavaScript函数

Question

我在html主页面中有2个iframes，我将从iframe 2调用位于iframe 1中的javascript funcion。

在框架2中，我调用了如下所示的函数：

<tr class="style16" onclick="document.getElementById('IFRAME_mapa').changeCenter({lat:-20.419528,lng:-54.576573})">

我收到了这个错误信息

Uncaught :无法读取属性'changeCenter‘的null

我也试过..。

<tr class="style16" onclick="document.getElementById('IFRAME_mapa').contentWindow.changeCenter({lat:-20.419528,lng:-54.576573})">

但是同样的关于contentWindow的信息是读不出来的

javascript函数位于iframe部分。

第一个问题..。这就是我想要做的吗？Second...what是正确的方法吗？

Answer 1

找到了一种不使用postMessage API的方法

在调用方iframe (iframe2)上，我调用位于父文档中的JS函数

onclick="changeCenter({lat:-20.419528,lng:-54.576573})"

On具有一个函数，该函数可在iframe1传递参数内回忆函数。

function MapCenter(center) 
{
    document.getElementById("IFRAME1").contentWindow.changeCenter(center);
}

最后，在iframe1内部有一个函数，它将在iframe1上执行操作

function changeCenter(center) 
{
    map.setZoom(15);
    map.setCenter(center);
}