收藏本站

会员注册

会员中心

会员账号:会员密码:COOKIE:
返回首页 智能建站 网上开店 倾情许愿 锦州资讯 数码游戏 电脑维修 锦州汽车 佳缘聊天 留言反馈 锦州论坛
  首页 > 综合信息 > 站长中心 新闻搜索:
如何实现iframe(嵌入式帧)框架的自适应高度
0416.net  发布:2007-12-10 11:45:38  来自:转载  浏览:

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

源代码如下:

以下是代码片段:

<script type="text/javascript">
//** iframe自动适应页面 **//

//输入你希望根据页面高度自动调整高度的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>

(编辑:不详) 留言评论】【在线投稿】【打印网页】【关闭窗口】【↑顶部
  热点新闻文章   互联锦州推荐   版权与免责声明
·如何写广告词 及 广告写作创意
·网络赚钱,最终将走向何方
·互联锦州站长中心为各站长提供
·17岁女生建网站成功秘诀
·Adsense推荐升级,站长赚钱机会
·网络经济与中国
·[上海]"消息树"首创Web3.0盈利
·百度发布“百度TV” 涉足视频广
·腾讯推出QQ拼音输入法-保证不复
·互联网创业瞄准Web3.0时代 风投

1. 凡本网注明来源为“互联锦州”的所有作品,包括文字与图片,未经本网授权不得转载。违反上述声明者,本网将依法追究法律责任。
2. 凡注明"来源:XXX(非本站)"的作品,均转载自其它媒体,本网转载的目的在于传播更多信息,此类稿件并不代表本网观点,本网不承担此类稿件侵权行为的直接责任及连带责任。
3. 如因作品内容、版权等需要同本网联系的,请在作品在本网发表之日起30日内联,否则视为放弃相关权利。
  锦州新闻推荐图文
视频游戏火爆锦州,有奖进行中
辽宁下载站为您提供优秀软件
企业建站只需购买一个域名[图
网络赚钱,最终将走向何方
版权信息
网站简介 | 网站律师 | 客户服务 | 广告刊登 | 技术支持 | 联系我们
版权所有 锦州合声网络技术服务有限公司 辽ICP备06017955号

锦州市电信提供网络带宽