数码资讯
用jQuery不判断浏览器的高度解决iframe自适应高度的问题
这里有两种超级简单的方法,不需要写什么来判断浏览器的高度和浏览器的宽度。 以下两种方法自己选择。一个是显示在同一页上,另一种是对test.html页。 小心别出错地方。 在iframe的代码,注意写ID没有ID查找 复制代码代码如下所示: 方法1: 复制代码代码如下所示: / /注:下面的代码是在同
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
这里有两种超级简单的方法,不需要写什么来判断浏览器的高度和浏览器的宽度。
以下两种方法自己选择。一个是显示在同一页上,另一种是对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);
/
以下两种方法自己选择。一个是显示在同一页上,另一种是对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);
/
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。