找回密码
 立即注册

QQ登录

只需一步,快速开始

tcmhl

中级会员

41

主题

78

帖子

509

积分

中级会员

积分
509

[已处理] iframe求助

tcmhl
中级会员   /  发表于:2024-4-23 11:58  /   查看:1379  /  回复:2
100金币
以下为一个内嵌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()

2 个回复

倒序浏览
最佳答案
最佳答案
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-4-23 11:58:47
来自 2#
本帖最后由 豪~豪 于 2024-4-23 14:44 编辑
  1. //先获取iframe
  2. var iframe = document.getElementById('testMsg');
  3. iframe.contentWindow.flyToCar();
复制代码


评分

参与人数 1金币 +5 收起 理由
Nathan.guo + 5 很给力!

查看全部评分

回复 使用道具 举报
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-4-23 17:06:06
3#
楼主可以参考楼上大佬的方案哈~~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部