欢迎来到山村网

动态的改变IFrame的高度

2019-03-28 23:13:47浏览:851 来源:山村网   
核心摘要:动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其
动态的改变Iframe的高度,实现Iframe自动伸展,父页面也自动神缩原理: 在Iframe子页面一加载的时候,调用父Iframe对象,改变其高度具体实现:1、在Iframe的具体页面(就是子页面),添加Javascript<script>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的高度为此页面的高度}</script>2、在Iframe的具体页面(就是子页面)的body中,添加onload事件<body onload="IframeResize()">3、为父页面的Iframe标签添加ID,即上面第一步,方法体中的第2行所写到的childframe<Iframe border=0 marginWidth=0        frameSpacing=0 marginHeight=0        src=http://www.shancun.net/skin/default/image/nopic.gif frameBorder=0        noResize  scrolling="no" width=100% height=100% vspale="0" id="childframe"></Iframe> 
(责任编辑:豆豆)
下一篇:

select中添加、修改、删除option元素

上一篇:

textarea属性设置详解

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com