搞毛线!测试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

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇