首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

iframe在 360极速浏览器停显示不正常

2013-06-19 
iframe在 360极速浏览器下显示不正常iframe在 360极速浏览器下显示不正常,iframe的高度不正确,在ie和360兼

iframe在 360极速浏览器下显示不正常
iframe在 360极速浏览器下显示不正常,iframe的高度不正确,在ie和360兼容模式下都好用,求解。
Default.aspx页面
 <iframe name="iframex" id="iframex" src="QYJBSX.aspx" width="100%"  frameborder="0" scrolling="no"   ></iframe>

QYJBSX.aspx页面

<script type="text/javascript">
    //Ifream子页自适应大小(写在子页中)
    var error;
    function iframeAutoFit() {
        try {
            if (window != parent) {
                var a = parent.document.getElementsByTagName("IFRAME");

                for (var i = 0; i < a.length; i++) {
                    if (a[i].contentWindow == window) {
                        var h = document.body.scrollHeight-5;
                        if (document.all) { h += 4; }
                        if (window.opera) { h += 1; }
                        a[i].style.height = h + 'px';
                    }
                }
            }
        }
        catch (error) {
            alert(error.message);
        }
    }
    window.attachEvent("onload", iframeAutoFit); //此处与原脚本有区别
    </script>

[解决办法]
window.attachEvent("onload",?iframeAutoFit);?//此处与原脚本有区别

绑定事件的问题。
没有兼容FF,谷歌,360极速。

360极速是谷歌内核。所以不起作用。

function addEvent(el,name,fn){  

  if(el.addEventListener) return el.addEventListener(name,fn,false);//在火狐中会执行这一句
  return el.attachEvent('on'+name,fn);//在ie中执行这一句
 }

addEvent(window,"load",iframeAutoFit)

[解决办法]
<script type="text/javascript"> 


    //Ifream子页自适应大小(写在子页中)
    var error;
    function iframeAutoFit() {
        try {
            if (window != parent) {
                var a = parent.document.getElementsByTagName("IFRAME");
                var body_height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
                for (var i = 0; i < a.length; i++) {
                    if (a[i].contentWindow == window) {
                        var h = body_height-5;
                        if (document.all) { h += 4; }
                        if (window.opera) { h += 1; }
                        a[i].style.height = h + 'px';
                    } else {
                        var h = body_height-5;
                        if (document.all) { h += 4; }
                        if (window.opera) { h += 1; }
                        a[i].style.height = h + 'px';
                    }
                }
            }
        }
        catch (error) {
            alert(error.message);
        }
    }
    window.attachEvent("onload", iframeAutoFit); //此处与原脚本有区别
    </script>

试试

热点排行