动态改变IFRAME高度
Changing IFRAME height dynamically
如何动态修复Google趋势图的高度问题?作为示例,请看下面代码的输出:
<iframe width="600" height="320" src="http://www.google.com/trends/fetchComponent?hl=en-US&q=css-showcase&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=320" style="border: none;"></iframe>
<hr>
first contents
<hr>
<iframe width="600" height="320" src="http://www.google.com/trends/fetchComponent?hl=en-US&q=html5&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=320" style="border: none;"></iframe>
<hr>
second contents
on jsFiddle: http://jsfiddle.net/yzw8Y/
我没有测试它,但这可以工作。
function autoResize(id)
{
var newheight;
newheight=document.getElementById(id).contentWindow.document.body.scrollHeight;
document.getElementById(id).height=newheight + "px";
}
<iframe id="frame1" onload="autoResize('frame1')" ... >
set id for iframe
在jquery中设置高度
$ (' # idval ') . css(‘高’,‘800 px);
相关文章:
- 获取iframe内容的宽度-高度
- 使用javascript设置iframe的高度
- iframe上的100%自动高度
- 设置iFrame的高度
- 调整追加的 iframe 的高度
- 动态增加 iframe 高度
- 调整不同域上iframe的高度
- iframe高度100%不起作用
- 多个页面 iframe,高度加载
- 当内容显示在FireFox的iFrame中时,jQuery高度问题
- 加载新内容时调整iframe的高度
- 动态iframe高度-似乎需要重新加载页面
- 如何告诉 iframe 将图像链接调整为给定的宽度和高度
- 根据提交单击动态调整 iFrame 的高度
- 根据内容设置 iFrame 宽度和高度
- 如何更改其内容的 Iframe 高度(两者都来自同一域)
- 更改花式框iframe的大小-我可以更改宽度,但不能更改高度
- iFrame 不会扩展到完整的内容高度,即使有 jQuery 脚本以它为目标
- 同位素布局中的动态iframe高度
- iFrame - 在 iFrame 中更改内容时自动设置高度