父页面iframe高度自动适应子页面iframe高度_html/css_WEB-ITnose
程序员文章站
2022-03-30 10:41:35
...
//iframe自适应高度
function getHeight(id, name) {
document.documentElement.scrollTop = 0;
var ifm = document.getElementById(id);
var subWeb = document.frames ? document.frames[name].document :
ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
initParentHeight(); //这个是再初始化父页面的iframe的高度
}
function initParentHeight() //初始化父页面的iframe的高度
{
var div = window.parent.document.getElementById('mainFrame');
div.style.height=window.document.body.scrollHeight||window.document.body.offsetHeight+5;
function getHeight(id, name) {
document.documentElement.scrollTop = 0;
var ifm = document.getElementById(id);
var subWeb = document.frames ? document.frames[name].document :
ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
initParentHeight(); //这个是再初始化父页面的iframe的高度
}
function initParentHeight() //初始化父页面的iframe的高度
{
var div = window.parent.document.getElementById('mainFrame');
div.style.height=window.document.body.scrollHeight||window.document.body.offsetHeight+5;
}
上一篇: JavaScript中利用各种循环进行遍历的方式总结_基础知识
下一篇: HTML5
推荐阅读
-
jsp页面iframe高度自适应的js代码
-
html iframe的子页面调用父页面方法(代码教程)
-
html iframe 子页面调用父页面的方法
-
iframe高度自适应内容_html/css_WEB-ITnose
-
在iframe子页面中添加导航功能代码_html/css_WEB-ITnose
-
iframe标签嵌入页面,自适应宽度和高度问题
-
ifame里的.aspx页面怎么通过Button_Click提交后自动刷新iframe所在的页面。_html/css_WEB-ITnose
-
iframe跨域高度自适应_html/css_WEB-ITnose
-
父页面iframe高度自动适应子页面iframe高度_html/css_WEB-ITnose
-
iframe自适应高度_html/css_WEB-ITnose