IFrame里面的子页面html内容变化时,怎么动态改变IFrame的高度,
1、在IFrame的具体页面(就是子页面),添加JavaScript
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事件
3、为父页面的IFrame标签添加ID,即上面第一步,方法体中的第2行所写到的childFrame
<IFRAME border=0 marginWidth=0
frameSpacing=0 marginHeight=0
src="frame1.jsp" frameBorder=0
noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame">
如何用iframe代码显示调用网页的指定部分
以百度主页http://www.baidu.com为例,去掉百度的Logo部分,代码与效果如下:Iframe标签显示目标网页的指定区域,方法1< /head 扩展资料:Iframe的一些属性:1、marginheight 属性规定框架内容与框架的上方和下方之间的高度,以像素计。2、maiginweidth 属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。3、vspace y方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域。4、hsapce x方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域。5、src 目标网页的地址,可以为html,asp,文本等。6、frameborder 框架边框,0为无边框(画中画效果)。参考资料来源:百度百科-iframe