Question

怎样可以使iframe框架里的被引用页面宽高自适应框架宽高？

Answer 1

试试这个呢 挺好用的

//页面自适应
function iFrameHeight() {
var ifm = document.getElementById("ifbox");
var subWeb = document.frames ? document.frames["ifbox"].document : ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}

}

<iframe onload="javascript:iFrameHeight()" name="ifbox" src="" scrolling="no"
frameborder="0" id="ifbox"></iframe>

追问

我把上面的JS代码放在页面</HEAD>之前，然后在富文本编辑器的里输入框架相关代码。引用百度首页网址。

结果如下

如果我带入我自己网站网址

高度可以自适应，但是宽度上出现问题，页面只有一半,见下图

追答

你可以自己给iframe设置一个宽度 一般宽度是不变的

追问

我试过设置宽度，但是救护出现滚动条啊，我不想要滚动条，就是想被引用页面自适应框架宽度，等比缩小，这样才能完整显示被引用页面

追答

你试试这个呢，我当初写的时候也是各种尝试

function SetCwinHeight(obj) {
            var cwin = obj;
            if (document.getElementById) {
                if (cwin && !window.opera) {
                    if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
                        cwin.height = cwin.contentDocument.body.offsetHeight + 20; //FF NS
                    else if (cwin.Document && cwin.Document.body.scrollHeight)
                        cwin.height = cwin.Document.body.scrollHeight + 10; //IE

                }
                else {
                    if (cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)
                        cwin.height = cwin.contentWindow.document.body.scrollHeight; //Opera
                }
                //alert(cwin.height);
            }

        }

 <iframe onload="SetCwinHeight(this)" name="ifbox" src="" scrolling="no" width="720px" style=" min-height:600px;"
                frameborder="0" id="ifbox"></iframe>

Answer 2

http://www.17558.net/post/110.html

追问

测试了，不行啊