1、JavaScript代码如下:
function autoFrameSize(iframe) { var _width=$("#"+iframe).contents().find("body")[0].scrollWidth; var _height=$("#"+iframe).contents().find("body")[0].offsetHeight; $("#"+iframe).height(_height); $("#"+iframe).width(_width); }
2、Iframe的调用如下:
<iframe onload="autoFrameSize('mainFrame');" name="mainFrame" id="mainFrame" width="990" frameborder="no" border="0" src="${ctx }/welcome" scrolling="no"></iframe>
相关推荐
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
JQUERY实现iframe页面切换功能,轻松简单、灵活方便快速,代码实例,测试通过
本文实例讲述了jQuery获取与设置iframe高度的方法。分享给大家供大家参考,具体如下: 设置iframe的高度,iframe的高度由iframe中的页面高度决定。 1.首先获取到iframe中页面的高度: 复制代码 代码如下:var iframe...
jQuery-1.8.3(&2.1.4).min.js&jquery;.fileupload&jquery;.iframe-transport
jquery 设置height页面自动适应高度布局效果代码
jquery对iframe自适应高度插件是国外下载下来的。插件使用只要引用js文件就行,不用做任何别的操作完全自动化。
jquery iframe tab实例 jquery iframe tab实例 jquery iframe tab实例 jquery iframe tab实例 可实现动态添加或删除tab页
1,iframe在没有指定宽和高时默认全屏的bug 2,当iframe隐藏时的错误显示效果 3,当iframe以tab标签的方式显示时,由于tab标签切换执行也需要一段时间,造成的获取的iframe的高和宽不是最终的高和宽 4,其他细微调整...
jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe...
jquery tab 切换页面 支持iframe 有iframe引用示例
采用jquery代码通过点击父页的iframe中引用子页中的按钮来达到在父页中隐藏iframe的效果
jquery 自动补全搜索框控件 jquery 自动补全搜索框控件 jquery 自动补全搜索框控件
jQuery自动适应高度布局代码是一款设置height页面自动适应高度布局效果代码。
很好用的一个选项卡插件,需要和自己页面样式一样,可以改一些css就可以了
jquery自动补全插件(jquery autocomplete) 内包含使用说明,前台+后台
jQuery autocomplete自动搜索
jquery通用的iframe弹层插件,兼容主流浏览器
jquery.iframe-transport.js包
jquery.iframe-transport.js