注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天靖的ASP.NET技术博客

专注于最简单,且最实用的ASP.NET技术

 
 
 

日志

 
 

Iframe 自动适应嵌入页面大小  

2008-06-27 12:56:12|  分类: ASP.NET技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  在网上查了很多,发觉大多都是根据当前页的滚动条大小来设置IFRAME的高和宽,并不能达到让人满意的效果,多了不好,少了就更不好,偶然一个机会改进了一下,便成了自动适应被嵌入页面的大小的,我将JS贴进来,有注释,大家很轻松就能看懂了

///根据嵌入页面设置动态Iframe的高度和宽度(Iframe不出现滚动条)
///参数:frmId 说明:Iframe的ID
function setFrameSize(frmId){
   var frm=document.getElementById(frmId); //获取IFRAME
   if(frm.Document==null)//如果IFRAME没有记载嵌入页
     return;
   frm.width= frm.Document.body.scrollWidth+50;//设置IFRAME宽度为嵌入页宽度+50PX
   frm.height=frm.Document.body.scrollHeight+50;//设置IFRAME高度为嵌入页高度+50PX
}

建议在onload时调用……

  评论这张
 
阅读(683)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017