ifram高度自适应,获取iframe元素,控制父页面
2009-05-27 11:34
441 查看
ifram高度自适应,两种方法 方法一:父页面获取子页面高度,改变父页面高度 演示地址:http://i.thec.cn/jie51886/js/iframe/parent2.html 以下代码加到父页面 <script language="javascript"> //获取iframe子页面的方法,需调用才能实现 (<body onload="doShow()">) function doShow(){ //获得子页面的高度 document.getElementById("content").contentWindow.document.body.scrollHeight document.getElementById("content").style.height = document.getElementById("content").contentWindow.document.body.scrollHeight + "px"; //改变iframe的高度 } </script> 方法二:子页面直接改变父页面高度 演示地址:http://i.thec.cn/jie51886/js/iframe/parent1.html 以下代码加到子页面 <script language="javascript"> //控制父页面iframe高度的方法 parent.document.getElementById("content").style.height = document.body.scrollHeight +"px"; </script> iframe 高度自动调节,最简单解决 为了公司网站的改版,也为了学ASP.NET,这几天花了N多时间在 vs2005/vs2008/asp.net 上面。 目标:母版页+菜单+iFrame的完美解决 http://www.yxsoft.net (还是旧内容,未上传) -------------------- | 母版 title | -------------------- | | |index | iframe |menu | 内容页 | | ------------------- | 母版 footer | ------------------- 点击左面菜单/tree,通过设置tree的navi-url,在右面的iframe动态加载内容页面。 iframe 要按内容页面 自动适应 自动调节高度 。 母版,菜单 比较好解决。 iFrame高度自动调节,好象是个难题耶。 GOOGLE一下,方法一大堆,有点太复杂,都不大行。 vs2008的帮助又动不了,连看个iframe类模型都无办法,菜啊。 试了N回,下面简单代码可以了,asp.net 2.0条件下。 <iframe id="content" name="content" scrolling="no" frameborder="0" width="754px" height="50px" onload = "height = this.Document.body.scrollHeight + 30;" > </iframe> 注意事项 1、height设为auto不行的,一定要有一个值 2、this.document引用到是的 iframe所在页面对象, this.Document (大写D),才能引用到iframe内含对象 这个方法可能更稳妥 onload = "height = document.frames(this.name).document.body.scrollHeight + 30" 3、Opera, firefox,这两LAJI就不考虑啦,日后再说 |
相关文章推荐
- ifram高度自适应,获取iframe元素,控制父页面
- jq_jquer获取iframe的高度根据页面内容自适应
- iframe 自适应高度 及 元素获取
- Iframe高度自适应问题[子页面控制父页面高度]
- iframe 子页面获取父页面的元素并且控制样式
- js获取iframe和父级之间元素,方法、属,获取iframe的高度自适应iframe高度
- 获取Iframe页面高度javascript
- 六)iframe 及父子页面之间获取元素、方法调用
- jsp页面iframe高度自适应js
- js控制三列高度自适应DIV+CSS页面
- EasyUI中iframe嵌入页面,包含datagrid数据动态绑定,页面内容的高度自适应问题
- jQuery获取页面及个元素高度、宽度
- Iframe自适应页面高度的几种方法
- jQuery获取页面及个元素高度、宽度
- JS备忘--子父页面获取元素属性、显示时间,iframe之间互相调用函数
- iframe父页面获取子页面元素,子页面获取父页面元素
- iframe自适应高度完美版解决DOM元素高度变化问题
- Jquery 获取 iframe 父页面与子页面的元素和方法
- Javascript:web页面中iframe自适应高度
- jQuery获取页面及元素高度、宽度