获取并设置iframe内容高度自动调整大小动态轻松解决扩展教程

时间:2013-01-01 18:19:04

标签: javascript html iframe resize height

我正在使用这个脚本:Set iframe content height to auto resize dynamically,我只有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>

0 个答案:

没有答案