前端技术 手机教程
程序开发 平面动画
系统软件 CMS教程
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

IE浏览器iframe自适应高度的两种方法(jquery版本)

2017-09-14 15:48:32 来源:博客园 作者:linFen

IE浏览器解决ifarme自适应高度的两种超级简单的方法,基于jquery,不用写任何判断浏览器高度、宽度之类的代码。

两种方法的区别就是一钟要放在父页面,另一种是放在子页面。根据你的实际需求选择代码即可,jquery代码要放在iframe代码后面,注意别放错页面和位置。

一个是放在和iframe同页面的,一个是放在test.html页面的。

iframe代码,注意要写ID。


<iframe src="test.html" id="main" width="600" height="300" frameborder="0" scrolling="auto"></iframe>

jquery代码1,放在父页面(放在包含上述iframe代码的页面):


$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});

jquery代码2,放在子页面(放在弹出的iframe页面):


$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});
本文关键词:高度 jquery 自适应 iframe

相关文章

零五网,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五网 版权所有 辽ICP备13002105号-1