欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

iframe嵌套frameset,实现整个iframe框架出现滚动条,怎么样随页面内容的高度全部展示出来?_html/css_WEB-ITnose

程序员文章站 2022-04-16 22:32:59
...
我做的网站,是用frameset框架布局,分上中下,上面和下面框架部分的内容是固定的,中间框架内容是不同的,我想让整个框架共用一个滚动条,就用iframe嵌套frameset框架,我在iframe中设置了高度,页面内容不一样,高度也不一样了,有什么办法能让页面的内容全部展示出来?纠结两天了,很急,在线等!请各位大侠帮帮忙!

回复讨论(解决方案)

动态计算中间框架的高度,在《body onload里面加上上面、下面的高度,赋值给外面的iframe的style.height

怎么动态计算呀?请说明白一点吗?

h = document.documentElement?document.documentElement.offsetHeight:document.body.offsetHeight

这个是能子框架的页面的高度吗?

2个iframe能共用一个滚动条,好奇怪啊







这个是我框架布局的页面, <br> ------------------------------- <br><br><br><br><br><br><br><br><br><iframe src="index.html" scrolling="no" name="frm" id="frm" width="100%" onload="iFrameHeight('frm')"></iframe> <br> 这个是我引入框架布局的页面 <p class="sougouAnswer"> 这个是中间框架的,你再加上上、下的固定高度,然后+"px" </p> <p class="sougouAnswer"> 不是两个iframe啦 </p> <p class="sougouAnswer"> 我加了上下框架的高度,但是中间框架的页面内容不一样,高度也就不一样了,我获取不到中间页面的高度? </p> <p class="sougouAnswer"> 我加了上下框架的高度,但是中间框架的页面内容不一样,高度也就不一样了,我获取不到中间页面的高度? <br><br> 不是告诉你动态计算的吗??? </p> <p class="sougouAnswer"> </p> <p class="modified_message"> 本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑 </p> 给你完整的例子 <br> a.htm <br><pre class="sycode" name="code"><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title></title><iframe id="foo" src="frameset.htm"></iframe></pre> <br><br> frameset.htm <br><pre class="sycode" name="code"><frameset rows="100,*,100"> <frame src="top.htm"> <frame src="middle.htm"> <frame src="bottom.htm"> </frameset></pre> <br><br> middle.htm <br><pre class="sycode" name="code"><style>html,body{margin:0;padding:0}</style>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br>foo<br></pre> <br><br><br> 注意,测试要使用http方式,不要直接说文件方式测试 <p class="sougouAnswer"> 给你完整的例子 <br> a.htm <br> HTML code <br><br><br></p> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <br><title></title> <br><br><br><br><br><iframe id="foo" src="frameset.htm"></iframe> <br><br><br><br><br> frameset.htm <br> HTML code <br><frameset rows="100…… &lt;br /&gt; &lt;br /&gt; 谢谢拉 &lt;/p&gt; &lt;p class=" sougouanswer> 给你完整的例子 <br> a.htm <br> HTML code <br><br><br><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <br><title></title> <br><br><br><br><br><iframe id="foo" src="frameset.htm"></iframe> <br><br><br><br><br> frameset.htm <br> HTML code <br><frameset rows="100…… &lt;br /&gt; &lt;br /&gt; 谢谢拉 &lt;/p&gt; &lt;p class=" sougouanswer> 本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑 <br> 给你完整的例子 <br> a.htm <br> XML/HTML code?1234567891011<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <iframe id="foo" src="frameset.%E2%80%A6%E2%80%A6%20%20&lt;br%20/&gt;%20%20&lt;br%20/&gt;%20%E7%94%A8%E4%BA%86%E4%BD%A0%E7%9A%84%E4%BB%A3%E7%A0%81%EF%BC%8C%E4%BD%86%E6%98%AFie%E9%87%8C%E6%9C%80%E5%A4%96%E4%BE%A7%E7%9A%84%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%97%A0%E6%B3%95%E7%94%A8%E9%BC%A0%E6%A0%87%E6%BB%9A%E8%BD%AE%E6%8E%A7%E5%88%B6%EF%BC%8C%E5%9C%A8%E7%81%AB%E7%8B%90%E5%92%8Cchrome%E9%87%8C%E8%83%BD%E6%8E%A7%E5%88%B6%EF%BC%8C%E4%B8%8D%E7%9F%A5%E9%81%93%E4%BB%80%E4%B9%88%E5%8E%9F%E5%9B%A0%EF%BC%9F%20&lt;/p&gt;%20&lt;p%20class=" sougouanswer> 本帖最后由 net_lover 于 2012-09-14 10:54:53 编辑 <br> 给你完整的例子 <br> a.htm <br> XML/HTML code?1234567891011<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <iframe id="foo" src="frameset.%E2%80%A6%E2%80%A6%20%20&lt;br%20/&gt;%20%20&lt;br%20/&gt;%20%E8%BF%98%E6%9C%89%E8%8E%B7%E5%8F%96%E7%AC%AC%E4%B8%80%E4%B8%AA%E9%A1%B5%E9%9D%A2%E7%9A%84%E9%AB%98%E5%BA%A6%E5%90%8E%E8%B7%B3%E8%BD%AC%E5%85%B6%E4%BB%96%E9%A1%B5%E9%9D%A2%E6%97%B6%E4%BB%8D%E7%84%B6%E4%BF%9D%E6%8C%81%E7%AC%AC%E4%B8%80%E4%B8%AA%E9%A1%B5%E9%9D%A2%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E6%88%91%E5%9C%A8%E8%B7%B3%E8%BD%AC%E9%A1%B5%E9%9D%A2%E4%B8%AD%E5%8A%A0%E4%BA%86%E8%8E%B7%E5%8F%96%E9%AB%98%E5%BA%A6%E4%BB%A3%E7%A0%81%E7%9A%84&lt;/span&gt;&lt;div%20class='share%20layui-clear%20bdsharebuttonbox'&gt;&lt;li%20&gt;&lt;a%20href='javascript:;'%20data-cmd=" weixin class="wechat"><i class="layui-icon"></i>微信<li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDo7" data-cmd="more" class="share-btn" target="_blank" rel="nofollow"><i class="layui-icon"></i>分享</a></li></iframe></iframe> </frameset> </frameset>