搞毛线！测试iframe跨域自适应失败了！

本来还以为可以成功推出互推联盟 iframe 双模式的，自己网站测试成功了，最后发现别人调用是不能自适应的，只有我自己的网站可以自适应，郁闷！！！

下面引用部分是下午辛苦整理的文章，最后发现失败了，一下就泄气了，刚发布的文章不得不先改成草稿状态，回家又继续查了半天资料，发现如果要这个 iframe 跨域还能自适应高度，必须要我网站里面制作针对调用者的中间页面（详细教程）！

也就是说，只要有一个博友调用我的 iframe，我就得制作一个和他域名对应的中间页，我勒个去，搞毛线啊！

算了， 先不折腾这个东西了，就维持老样子吧！

原文：《互推联盟 iframe 推出双模式》

看到很多联盟成员建议给这个通用 iframe 模块加上公共评论功能，其实几天前玛思阁就试过了，很容易实现，只需要加入调用评论的代码即可，但是一直在犹豫这个功能会不会对调用模块的博友带来困扰呢？比如，某博友比较喜欢清爽简单的界面？

好吧， 其实这也不是问题，那玛思阁就麻烦一点，我做 2 个模板：一个带评论和文字模块的交流模式；一个仅包含成员列表和底部滚动公告的清爽模式，废话不多说了，直接上代码：

 

一、交流模式

带评论以及文字模块的 iframe 代码

<iframe id="rightFrame" name="rightFrame" scrolling="no" src="/alliance" frameborder="0" onload="this.style.height='475px'" style="padding: 0px; width: 100%;"></iframe>   
<script type="text/javascript">           
     var browserVersion= window.navigator.userAgent.toUpperCase();   
     function reinitIframe(){   
        try{   
            var iframe=document.getElementById('rightFrame');   
            var bHeight=0;   
            if(browserVersion.indexOf("CHROME")==-1 && browserVersion.indexOf("SAFARI")==-1)   
               bHeight=iframe.contentWindow.document.body.scrollHeight;   
            var dHeight=0;   
            if(browserVersion.indexOf("FIREFOX")!=-1)   
                dHeight=iframe.contentWindow.document.documentElement.offsetHeight + 2;   
            else if(browserVersion.indexOf("MSIE")==-1 && browserVersion.indexOf("OPERA")==-1)                   
                dHeight=iframe.contentWindow.document.documentElement.scrollHeight;   
            else  
                bHeight=bHeight+3;   
            //alert("bHeight="+bHeight+"--dHeight="+dHeight+"--"+browserVersion);   
            var height = Math.max(bHeight, dHeight);   
            iframe.style.height=height+"px";   
        }catch (ex){}   
    }   
    window.setInterval("reinitIframe()",200);           
</script>

二、清爽模式

 

不含评论和文字模块，但底部存在滚动公告(主要用于通知最新活动！)

<iframe id="rightFrame" name="rightFrame" scrolling="no" src="/bokehutui" frameborder="0" onload="this.style.height='475px'" style="padding: 0px; width: 100%;"></iframe>   
<script type="text/javascript">           
     var browserVersion= window.navigator.userAgent.toUpperCase();   
     function reinitIframe(){   
        try{   
            var iframe=document.getElementById('rightFrame');   
            var bHeight=0;   
            if(browserVersion.indexOf("CHROME")==-1 && browserVersion.indexOf("SAFARI")==-1)   
               bHeight=iframe.contentWindow.document.body.scrollHeight;   
            var dHeight=0;   
            if(browserVersion.indexOf("FIREFOX")!=-1)   
                dHeight=iframe.contentWindow.document.documentElement.offsetHeight + 2;   
            else if(browserVersion.indexOf("MSIE")==-1 && browserVersion.indexOf("OPERA")==-1)                   
                dHeight=iframe.contentWindow.document.documentElement.scrollHeight;   
            else  
                bHeight=bHeight+3;   
            //alert("bHeight="+bHeight+"--dHeight="+dHeight+"--"+browserVersion);   
            var height = Math.max(bHeight, dHeight);   
            iframe.style.height=height+"px";   
        }catch (ex){}   
    }   
    window.setInterval("reinitIframe()",200);           
</script>

三、使用方法

以上代码的详细使用方法=>https://zhang.ge/2073.html