`
237253995
  • 浏览: 24068 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jq 解决iframe高度自适应。

    博客分类:
  • web
 
阅读更多


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

 

 

$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
}); 

分享到:
评论

相关推荐

    教你用jquery实现iframe自适应高度

    iframe代码,注意要写ID 代码如下:&lt;iframe src=”test.html” id=”main” width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”&gt;&lt;/iframe&gt;jquery代码一: 代码如下://注意:下面的代码...

    jQuery获取与设置iframe高度的方法

    本文实例讲述了jQuery获取与设置iframe高度的方法。分享给大家供大家参考,具体如下: 设置iframe的高度,iframe的高度由iframe中的页面高度决定。 1.首先获取到iframe中页面的高度: 复制代码 代码如下:var iframe...

    javascript原生和jquery库实现iframe自适应高度和宽度

    javascript原生和jquery库实现iframe自适应内容高度和宽度—推荐使用jQuery的代码! ‍&lt;iframe src=index....

    jQuery简单实现iframe的高度根据页面内容自适应的方法

    本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $(#iframeId).load(function () { var ...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。 以下是jQuery,load事件的概述 在每一个匹配元素的load事件中绑定一个处理函数。 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象...

    jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题

    在本例中,我们讨论的是jquery3(即jQuery 3.x版本)和layui框架同时使用时导致的问题,具体表现为在使用layui的layer模块弹出全屏iframe窗口时,窗口高度仅显示为152px。 首先,我们来了解问题的背景。jquery是...

    JQ layer 弹出层插件

    3. **JQ Layer插件**: 基于jQuery的弹出层插件,提供了一套完整的弹出层解决方案,包括多种类型的弹出样式和交互方式。 ### 二、主要功能 1. **提示(Tips)**: 快速显示简单提示信息,可自定义样式和位置。 2. **...

    个人总结的知识点

    调节iframe自适应,处理1.9以上MSIE删除问题 在jq文件下编写,处理背景呈现一半的情况

    supplyWeb:供水系统(bootstrap布局,bootstrap-table数据列表,echarts图表,jq)

    响应式布局,兼容至1280,栅格系统bootstrap-table:数据列表(表格初始化设置、列表高度自适应)ztree:列表树layer:弹框(提示层、页面层、iframe层、加载层、询问层)laydate:时间选择echarts:图表、地图...

    jQuery弹层插件jquery.fancybox.js用法实例

    值得注意的是,当使用Ajax或iframe加载内容时,fancybox要求明确指定宽度和高度,因为不设置的话,它会尝试自适应内容大小。但不同浏览器对内容尺寸的计算可能有差异,特别是在使用特殊字体的情况下,可能导致显示不...

    Jquery-lightbox

    2. **自适应布局**:插件能够根据浏览器窗口大小自动调整图片尺寸,确保在不同设备和屏幕分辨率下都能良好展示。 3. **导航控制**:提供上一张、下一张按钮,方便用户浏览多张图片序列。 4. **关闭按钮**:用户可以...

Global site tag (gtag.js) - Google Analytics