学习网考试学习资料

Gzu521.com

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

Javascript教程   点击:次   发布时间:2007-4-28   【字体: 】   来源:Gzu521.com
贵 州 学 习 网

源代码如下:

以下是代码片段:

<script type="text/Javascript">
//** iframe自动适应页面 **// [ RF!:DFjtjfY q# [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计JavaScript教程 http://Www.gzU521.com ] [ RF!:DFjtjfY q#

//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的id分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。

//定义iframe的id
var iframeids=["test"]

//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏
var iframehide="yes"

function dyniframesize()
{
var dyniframe=new array()
for (i=0; i<iframeids.length; i++)
{
if (document.getelementbyid)
{
//自动调整iframe高度
dyniframe[dyniframe.length] = document.getelementbyid(iframeids[i]);
if (dyniframe[i] && !window.opera)
{
dyniframe[i].style.display="block"
if (dyniframe[i].contentdocument && dyniframe[i].contentdocument.body.offsetheight) //如果用户的浏览器是netscape
dyniframe[i].height = dyniframe[i].contentdocument.body.offsetheight;
else if (dyniframe[i].document && dyniframe[i].document.body.scrollheight) //如果用户的浏览器是ie
dyniframe[i].height = dyniframe[i].document.body.scrollheight;
}
}
//根据设定的参数来处理不支持iframe的浏览器的显示问题
if ((document.all || document.getelementbyid) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids[i]] : document.getelementbyid(iframeids[i])
tempobj.style.display="block"
}
}
}

if (window.addeventlistener)
window.addeventlistener("load", dyniframesize, false)
else if (window.attachevent)
window.attachevent("onload", dyniframesize)
else
window.onload=dyniframesize
</script>

责任编辑:gzu521

网页设计分类
HTML教程
CSS教程
Javascript教程
Dreamweaver教程
FrontPages教程
FireWorks教程
Flash教程
PhotoShop教程
建站知识
分类推荐信息
更多...
大类最新文章
更多...