Question

我尝试创建一个用户可以在其网站中添加的单行iframe，这个iframe地址就是我的网站。我的问题是，如果我希望它能够成为全屏我需要提供js代码，我不想要它我希望它从我的网站获取js代码。

我用来在需要时全屏显示的js是：

<script>
    window.addEventListener('message', receiveMessage, false);

    function receiveMessage(evt) {
        if (evt.origin === 'site src') {
            //if (isNaN(evt.data)) return;
            var iframe = document.getElementById('someId');
            if (event.data.height !== 0) {
                iframe.height = 100 + "%";
                iframe.width = 100 + "%";
                iframe.style.position = 'fixed';
                iframe.style.top = '2%';
                iframe.style.left = '2%';

            }
            else {
                iframe.height = 110 + "px";
                iframe.width = 300 + "px";
                iframe.style.position = 'relative';

            }
        }
    }
</script>

此脚本当前在客户端写入使用iframe的脚本。 iframe看起来像。

<iframe id="expertips_iframe" src="my site adress" width="300px" height="110px" frameBorder="0" scrolling="no"></iframe>

我希望iframe行从我的网站获取js代码并将其注入使用iframe的用户/客户端，或者只要我在一行中执行任何其他方式（iframe和js）。

希望它足够清楚并且谢谢你。

iframe从iframe源获取全屏方法

0 个答案: