javascript - 切换后设置 Iframe 大小

标签 javascript jquery html iframe

我有以下脚本运行 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 的大小。

每当用户单击切换按钮时,如何启动上面的脚本?

最佳答案

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

关于javascript - 切换后设置 Iframe 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39012200/

相关文章:

javascript - 无法获取 Nvd3 图表的 json feed

javascript - 如何在 jQuery 中触发更改事件

javascript - 将 div 滑动(切换)到一侧

html - 如何将 CSS 样式表添加到 aspx.vb 表

javascript - 在窗口调整大小时计算圆圈的大小

javascript - 引用错误: var is not defined

javascript - jQuery 将 div 附加到现有元素,包括附加 div 内的该元素

javascript - 使用要查找的键数组和要替换的数组值来查找和替换

html - 主动在 bootstrap 4 选项卡中不工作

javascript - 使用嵌入在自己网站中的小部件从 Soundcloud 获取歌曲