用jQuery不判断浏览器的高度解决iframe自适应高度的问题

这里有两种超级简单的方法,不需要写什么来判断浏览器的高度和浏览器的宽度。

以下两种方法自己选择。一个是显示在同一页上,另一种是对test.html页。

小心别出错地方。

在iframe的代码,注意写ID没有ID查找

复制代码代码如下所示:





方法1:

复制代码代码如下所示:

/ /注:下面的代码是在同一页面调用和iframe

$(#主)。负荷(函数(){)

无功mainheight =美元(这)。内容(),发现(体),Height(30)+;

$(这)高度(mainheight);

});



方法二:

复制代码代码如下所示:

/ /注:下面的代码放在test.html呼叫

$(窗口。母。文件)。找到(#主)。负荷(函数(){)

VaR主要= $(窗口。母。文件)。找到(#主);

var = $(document)这个高度也。Height()+ 30;

main.height(这个高度也);

});



iframe来做项目的过程中使用,但是iframe默认具有高度超过内容的默认高度将被隐藏,但小于默认内容的高度也将默认高度为内容的高度,在寻找答案的过程中,如何控制iframe自适应高度

iframe自适应高度本身是在页的一个非常简单的方法来重新计算高度加载。

代码如下:

复制代码代码如下所示:

方法:iframe / /公共设置高度确保所有显示数据

/ /功能setpageheight(){

无功/ IFRAME = geturlparam('ifname);

无功/ myiframe = window.parent.document.getelementbyid(iframe);

/ / iframeloaded(myiframe);

/