如何从父页面调用iframe中的脚本

本文关键字：iframe 脚本 调用 | 更新日期: 2023-09-27 18:01:53

我正试图从后面的代码从父页面调用IFrame中的脚本。我用来调用函数的c#:

protected void Page_Load(object sender, EventArgs e)
{
    ...
    string scr = "document.getElementById('mapframe').contentWindow.addPoint(0, 0);"
    ClientScript.RegisterStartupScript(GetType(), Guid.NewGuid().ToString(), scr , true);
}

iFrame的HTML:

 <iframe name="mapframe" id="mapframe" src="Map.html" style="width:100%;height:360px;"></iframe>

和IFrame中的Javascript:

          function addPoint(lat, lon) {
              var myLatlng = new google.maps.LatLng(lat, lon);
              var marker = new google.maps.Marker({
                  position: myLatlng,
                  map: map,
                  title: "Hit"
              });
          }

然而，这会导致这个错误:"无法获得未定义或空引用的属性'addPoint' "。是什么导致了这个错误?我已经检查了确保contentWindow不是空的

如何从父页面调用iframe中的脚本

当您尝试调用该函数时，问题可能是您的iframe未加载

试试下面的

document.getElementById('mapframe').onload = function() {
    // I prefer frames.mapFrame.addPoint();
    document.getElementById('mapframe').contentWindow.addPoint(0,0);
}

或者

<iframe 
     name="mapframe" 
     id="mapframe" 
     src="Map.html" 
     style="width:100%;height:360px;" 
     onload="this.contentWindow.addPoint(0,0)"></iframe>

一旦iframe被加载之后，你就可以调用add point函数了。或者您可以将此函数的调用放在onload event

相关文章：