Question

我有以下脚本运行iframe

的onload

<script type="text/javascript">

function getDocHeight(doc) {
    doc = doc || document;
    var body = doc.body, html = doc.documentElement;
    var height = Math.max( body.scrollHeight, body.offsetHeight, 
        html.clientHeight, html.scrollHeight, html.offsetHeight );
    return height;
}

function setIframeHeight(id) {
    var ifrm = document.getElementById(id);
    var doc = ifrm.contentDocument? ifrm.contentDocument: ifrm.contentWindow.document;
    ifrm.style.visibility = 'hidden';
    ifrm.style.height = "10px"; // reset to minimal height in case going from longer to shorter doc
    ifrm.style.height = getDocHeight( doc ) + "px";
    ifrm.style.visibility = 'visible';
}
</script>

但是，在iframe中有一个切换选项（Jquery toggle（）），它可以改变Iframe的大小。

每当用户点击切换按钮时，如何启动上面的脚本？

Answer 1

使用正确的iframe引用（可能使用parent.setIframeHeight()）在切换回调中调用parent.getElementsByTagName('iframe')[0]

切换后设置Iframe大小

1 个答案: