tcmhl 发表于 2024-4-23 11:58:46

iframe求助

以下为一个内嵌iframe页面的html:

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>ThingJS的 Iframe演示</title>

</head>

<body>

    <div width="800px">
      <button style="position: absolute;top: 15px;left: 15px;width: 75px;" onclick="flyToCar()">飞到小车</button>
      <button style="position: absolute;top: 45px;left: 15px;width: 75px;"
            onclick="flyToBack()">返&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;回</button>
      <iframe id="testMsg" style="width: 600px;height: 400px;"
            src='https://www.thingjs.com/s/aa25e09eae2f73e6ce080d73?params=105b0f77fd24654d4eebc434e9'></iframe>

    </div>
    <script>
      function flyToCar() {
            var a = document.getElementById("testMsg");
            var msg = {
                funcName: 'test'
            }
            a.contentWindow.postMessage(msg, "*");
      }

      function flyToBack() {
            var a = document.getElementById("testMsg");
            var msg = {
                funcName: 'test2',
                param: "2"
            }
            a.contentWindow.postMessage(msg, "*");
      }
    </script>
</body>

</html>





请问如果使用活字格的JS命令模拟调用function?如flyToCar()

豪～豪 发表于 2024-4-23 11:58:47

本帖最后由 豪～豪 于 2024-4-23 14:44 编辑

//先获取iframe
var iframe = document.getElementById('testMsg');
iframe.contentWindow.flyToCar();


Nathan.guo 发表于 2024-4-23 17:06:06

楼主可以参考楼上大佬的方案哈~~
页: [1]
查看完整版本: iframe求助