iframe父页面和子页面高度自适应
父页HTML:
<iframe id="mainframe" name="mainframe" style="width:100%;" marginheight="0" marginwidth="0" onLoad="iFrameHeight()" scrolling="auto" frameborder="0" src="Index.aspx"></iframe>
父页JS:
<script src="../Scripts/js/jquery-2.1.1.min.js"></script>
<script>
function iFrameHeight() {
var ifm = document.getElementById("mainframe");
var subWeb = document.frames ? document.frames["mainframe"].document : ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = document.body.offsetHeight;
ifm.width = subWeb.body.scrollWidth;
}
}
</script>
子页JS
<script src="../Scripts/js/jquery-2.1.1.min.js"></script>
<script>
$(window.parent.document).find("#mainframe").load(function () {
var ifm = window.parent.document.getElementById("mainframe");
var subWeb = window.parent.document.frames ? window.parent.document.frames["mainframe"].document : ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.offsetHeight + 20; //预留出灵活高度20px
ifm.width = subWeb.body.scrollWidth;
}
});
</script>
最新文章
- 结合阿里云服务器,使用FTP上传和下载文件,出现的问题和解决方案
- 【JAVA网络流之浏览器与服务器模拟】
- JSON和JS对象之间的互转(转)
- mac 隐藏、显示文件
- EvreryDay Collect
- js和 jquery对象
- Pencil-一个开源免费的UI原型工具,自带ios和android模板
- javascript动态创建对象
- Struts2 语法--result type
- 面试题:JQuery有几种选择器?
- 原生JavaScript运动功能系列(四):多物体多值链式运动
- mongodb副本集搭建
- github远程建了分支,本地看不到的问题
- springboot中get post put delete 请求
- Omi框架学习之旅 - 组件 及原理说明
- Golang利用select实现超时机制
- GoJS拖动设计
- CSS3圆角,阴影,透明
- grpc 实现微服务生态笔记
- VUE 项目dependency was not found: * !!vue-style-loader!css-loader? 解决方案