javascript - 获取和设置 iframe 内容高度自动调整大小动态简单的解决方案扩展教程

Question

我正在使用这个脚本：将 iframe 内容高度设置为动态自动调整大小，我只有 3 个 iframe，而这个脚本只适用于一个而不适用于 3，我该怎么办？

这是显示我页面中 iframe 的片段：

<script type='text/javascript'>

    function setIframeHeight(iframeId) {

        var ifDoc, ifRef = document.getElementById( iframeId );
        try {
            ifDoc = ifRef.contentWindow.document.documentElement;
        } catch (e) {
            try {
                ifDoc = ifRef.contentDocument.documentElement;
            } catch (ee) { } 
        }

        if (fDoc) {
            ifRef.height = 1;
            ifRef.height = ifDoc.scrollHeight;
       }

</script>

<iframe id="contentFrame" scrolling="no" frameborder="0" width="100%"
    src="http://ivomenezes.com/frames/home.php"
    onload="setIframeHeight('contentFrame')"> </iframe>