本文实例讲述了 jQuery 简单实现 iframe 的高度根据页面内容自适应的方法. 分享给大家供大家参考, 具体如下:
方式 1:
- // 注意: 下面的代码是放在和 iframe 同一个页面中调用
- $("#iframeId").load(function () {
- var mainheight = $(this).contents().find("body").height() + 30;
- $(this).height(mainheight);
- });
方式 2:
- // 注意: 下面的代码是放在 iframe 引用的子页面中调用
- $(window.parent.document).find("#iframeId").load(function () {
- var main = $(window.parent.document).find("#iframeId");
- var thisheight = $(document).height() + 30;
- main.height(thisheight);
来源: http://www.bubuko.com/infodetail-2713389.html