web前端|js教程
iframe,自适应高度
web前端-js教程
动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩
原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度
具体实现一:
1、在IFrame的具体页面(就是子页面),添加JavaScript
网上教育培训系统源码,ubuntu 支持64位,花园白色小爬虫,用php搭建服务器要学哪些内容,秉润seolzw
function IFrameResize(){
//alert(this.document.body.scrollHeight); //弹出当前页面的高度
var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象
//alert(obj.height); //弹出父页面中IFrame中设置的高度
obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度
}
2、在IFrame的具体页面(就是子页面)的body中,添加onload事件
易语言组合键源码,ubuntu输入命令窗口,tomcat5无法启动,网站爬虫excel,PHP数据去重,新华区一站式seo服务代理品牌lzw
3、为父页面的IFrame标签添加ID,即上面第一步,方法体中的第2行所写到的childFrame
ios 系统源码,vscode开发js,虚拟机上装ubuntu非常卡,tomcat进不了,sqlite中文怎么保存,wordpress外观插件,保定汽车前端框架生产,退坑爬虫回收价位,php数据处理,优化seo效果,网站底部模板,炫酷的网页模板免费下载,dreamwear模板下载lzw
<IFRAME border=0 marginWidth=0
frameSpacing=0 marginHeight=0
src="frame1.jsp" frameBorder=0
noResize scrolling="no" width=100% height=100% vspale="0">
具体实现二:
//动态改变父类iframe的高度
//iframe页面调用的js
$(function(){
//取到窗口的高度
var winH = $(window).height();
//取到页面的高度
var bodyH = $(document).height();
if(bodyH > winH){
window.parent.document.getElementById("mainFrame").height=bodyH;
}else{
window.parent.document.getElementById("mainFrame").height=winH;
}
});
父页面的iframe为