0

我正在使用 JavaScript 函数计算 iframe 的高度并将其存储在变量中，现在我想将该变量发送到 jQuery 以设置高度（）。

我的 JavaScript 函数

function iframeLoaded()
{
    var iFrameID = document.getElementById('ftwo');
    iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight;
}

这些函数工作正常，因为当我提醒该值时，它会正确显示它，并且我在计算高度的同一个域中

$(document).ready(function(){
    $("#ftwodiv").height(iFrameID);
});

在我的身体标签上，我有这个：

<iframe id="ftwo" width="455px" onLoad="iframeLoaded()"  
        scrolling="no" frameborder="0" src="http://www.company.com"></iframe>

我尝试了一些不起作用的东西。

4

1 回答 1

1

您可以从函数中返回并使用它。，。

function iframeLoaded(){
     var hgt = 0;
     var iFrameID = document.getElementById('ftwo');
     hgt = iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight;

     return hgt;
};

$(document).ready(function(){
    var iFrameID = iframeLoaded();
    $("#ftwodiv").height(iFrameID);
});

您也可以使用全局变量来实现相同的..

var iFrameHeight = 0;

function iframeLoaded(){
         var hgt = 0;
         var iFrameID = document.getElementById('ftwo');
         iFrameHeight  = iFrameID.height = FrameID.contentWindow.document.body.scrollHeight;
    };

    $(document).ready(function(){
        $("#ftwodiv").height(iFrameHeight);
    });

但是第一种方法更清洁

于 2012-11-07T23:13:03.590 回答