本文给出了一个例子来描述iframe自适应高分辨率的
方法,具有很大的实用价值。
分享给大家
参考。具体方法如下:
此方法使用jQuery,所以你需要
介绍jQuery的iframe的src页。
父页面相对简单,包括以下代码:
在iframe的src页面,代码如下:
resizecontent()
函数 {
$(窗口。母。
文件)。找到(# IF1 ),高度($(#内容)。Height());
}
show400()函数
{
如果($(# test400)。Css(
显示)= =无)
{
$(# test400)。Css(显示
resizecontent();
}
其他的
{
$(# test400)。Css(显示
resizecontent();
}
}
$(
文档)Ready(函数(){)
resizecontent();
})
超链接
超链接
超链接
超链接
超链接
超链接
超链接
超链接
超链接
超链接
超链接
uff1a
笔记 里面
$(窗口。母。文件)。找到(# IF1 ),高度($(#内容)。Height());
这句话最初是:
$(窗口。母。文件)。找到(# IF1 ),高度($(document)。Height());
自适应高度可以实现,但不能实现缩放自适应,因为文档的高度是显示内容的最高高度。所以如果我们点击iframe扩大,不会缩小,只会显示最高的高度。
所以这里有一个父层容器,最新的代码,这样就可以实现自适应。
相信本文对jQuery
程序设计有一定的参考价值。