通过ifame指向的页面高度调整iframe的高度

2016-02-19 12:02 16 1 收藏

今天图老师小编给大家展示的是通过ifame指向的页面高度调整iframe的高度，精心挑选的内容希望大家多多支持、多多分享，喜欢就赶紧get哦！

【 tulaoshi.com - Web开发】

通过ifame指向的页面高度调整iframe的高度
1.htm的代码:
iframe  src=2.htm  id=ifrm/iframe

2.htm的代码:
script
function  resize()
{parent.document.all.ifrm.height=document.body.scrollHeight;
parent.document.all.ifrm.width=document.body.scrollWidth;
}
/script
body  onload="resize()"
/body

来源:http://www.tulaoshi.com/n/20160219/1599545.html

上一篇： CORBA对象生命周期之早期和后期绑定
下一篇： js几个不错的函数 $$()

看过《通过ifame指向的页面高度调整iframe的高度》的人还看了以下文章更多>>

如何实现iframe(嵌入式帧)的自适应高度

好几次看到有人提问问到如何实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象，刚好我在工作中也碰到了类似问题，于是上网翻查，东抄抄西看看，弄出来这么一个函数，贴到页面里面就能用了。不敢独享，大家要是觉得有用，欢迎使用源代码如下 <script type="t...

让iframe自适应高度（支持XHTML支持FF）

标签： Web开发

先说明，这个办法只限于iframe中的子页面也是本地页面（不能引用外网页面） ======方法===== 第一步 js部分 function getSize() { var xScroll, yScroll; if (window.in...

准确获得页面、窗口高度及宽度的JS

标签： Web开发

function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight docu...

让iframe自适应高度（支持xhtml）IE firefox兼容

标签： Web开发

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title获取页面高度，窗口高度，滚动条高度等参数值/title /head body script language="javascript" !-- ...

使两个iframe的高度与内容自适应,且相等

标签： Web开发

div class="TxtBox" iframe frameborder="0" scrolling="no" name="news1" id="news1" onload="if(document.frames['news1'].document.body.scrollHeightdocument.frames['news2'].document.body.scrollHeight) document.a...

查看更多精彩>>