当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript编程开发如何使用jquery实现iframe自适应高度

JavaScript编程开发如何使用jquery实现iframe自适应高度

2019年03月25日  | 移动技术网IT编程  | 我要评论

iframe代码，注意要写id
 

. 代码如下:


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



jquery代码一：

 

 

. 代码如下:


//注意：下面的代码是放在test.html调用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});



jquery代码二：

. 代码如下:


//注意：下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网