教你用jquery实现iframe自适应高度_jquery
程序员文章站
2022-03-15 12:27:23
...
iframe代码,注意要写ID
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);
});
复制代码 代码如下:
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);
});
推荐阅读
-
jquery怎样让iframe自适应前端高度
-
jquery如何实现在加载完iframe的内容后再进行操作
-
JS实现iframe自适应高度的方法示例
-
JS实现iframe自适应高度的方法示例
-
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
-
JavaScript编程开发如何使用jquery实现iframe自适应高度
-
jquery实现在页面加载完毕后获取图片高度或宽度
-
javascript原生和jquery库实现iframe自适应高度和宽度
-
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
-
jQuery实现两列等高并自适应高度