父页面中改变子iframe中的body高度和字体

直接码上:

    <script type="text/javascript">
        function getIframeDOM(id)
        {
            return document.getElementById(id).contentDocument || document.frames[id].document;
        }
        function setHeight(s)
        {
            var bodyfont = getIframeDOM("iframeZW");
            var ihei =$("#iframeZW").height();
            $("#iframeZW").height(ihei+20);
            //单位标准化
            bodyfont.body.style.height = (parseInt(bodyfont.body.offsetHeight)+20)+"px";
        }
        function setSize(s)
        {
            var bodyfont = getIframeDOM("iframeZW");
            bodyfont.body.style.fontSize = s+"px";
        }
    </script>

转载于:https://www.cnblogs.com/haof3344/archive/2012/08/01/2618278.html

iframe页面页面之间可以通过以下几种方法进行通信: 一、postMessage方法: 页面可以使用postMessage方法向页面发送消息,通过接收消息的事件监听器在页面捕获消息并做出相应处理。页面发送消息的代码示例如下: ```javascript window.parent.postMessage('Hello from child page!', '*'); ``` 在页面,可以通过添加消息事件监听器来接收页面发送的消息,并进行相应的处理: ```javascript window.addEventListener('message', function(event) { if (event.origin !== '页面的URL') return; console.log('Message received from child page: ' + event.data); }); ``` 二、window.parent属性: 页面可以通过window.parent属性直接访问页面的方法和属性,从而与页面进行通信。例如,页面可以通过以下方式调用页面的方法: ```javascript window.parent.parentMethod(); ``` 三、通过URL参数传递信息: 页面可以通过URL参数将需要传递的信息附加在URL后面,并在页面通过解析URL参数获取页面传递的信息。页面设置URL参数的代码示例如下: ```javascript var data = 'Hello from child page!'; var url = window.location.href + '?data=' + encodeURIComponent(data); window.location.href = url; ``` 在页面,可以通过解析URL参数来获取页面传递的信息: ```javascript var urlParams = new URLSearchParams(window.location.search); var data = decodeURIComponent(urlParams.get('data')); console.log('Data received from child page: ' + data); ``` 以上是在iframe页面页面通信的一些方法,根据具体的需求,可以选择合适的方法进行通信。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值