php自适应高度,iframe自适应高度的解决办法

在页面中通过iframe嵌入了另外一个页面后,如何使得页面的这块区域随着iframe的高度自动适应而不会出现蹩脚的上下左右滚动条呢?下面这个办法就是使用javascript实现iframe高度自适应的,这个可是兼容所有浏览器的,ie,firefox,chrome,opera,safari这些浏览器都能够实现iframe高度自适应的,具体的js代码如下:

function dyniframesize(down){

var Sys={};

var ua=navigator.userAgent.toLowerCase();

var s;

(s=ua.match(/msie ([\d.]+)/))?Sys.ie=s[1]:

(s=ua.match(/firefox\/([\d.]+)/))?Sys.firefox=s[1]:

(s=ua.match(/chrome\/([\d.]+)/))?Sys.chrome=s[1]:

(s=ua.match(/opera.([\d.]+)/))?Sys.opera=s[1]:

(s=ua.match(/version\/([\d.]+).*safari/))?Sys.safari=s[1]:0;

var pTar=null;

if (document.getElementById){

pTar=document.getElementById(down);

}else{

eval('pTar='+down+';');

}

pTar.style.display="block";

if (Sys.ie){

if(Sys.ie=='9.0'){

pTar.height=pTar.contentWindow.document.body.offsetHeight+15+"px";

pTar.width=pTar.contentWindow.document.body.scrollWidth+"px";

}else if(Sys.ie=='8.0'){

pTar.height=pTar.Document.body.offsetHeight+15+"px";

pTar.width=pTar.Document.body.scrollWidth+"px";

}else{

pTar.height=pTar.Document.body.scrollHeight+25+"px";

pTar.width=pTar.Document.body.scrollWidth+"px";

}

}

if (Sys.firefox){

pTar.height=pTar.contentDocument.body.offsetHeight+15+"px";

pTar.width=pTar.contentDocument.body.scrollWidth+"px";

}

if (Sys.chrome){

pTar.height=pTar.contentDocument.body.offsetHeight;

pTar.width=pTar.contentDocument.body.scrollWidth;

}

if (Sys.opera){

pTar.height=pTar.contentDocument.body.offsetHeight;

pTar.width=pTar.contentDocument.body.scrollWidth;

}

if (Sys.safari){

if(pTar.contentDocument.body.offsetHeight <= '186'){

pTar.height=pTar.contentDocument.body.offsetHeight+10;

}else{

pTar.height=pTar.contentDocument.body.offsetHeight;

}

pTar.width=pTar.contentDocument.body.scrollWidth;

}

}

具体的使用方法如下(设置id=phpernote的iframe的高度自适应iframe里面的内容高度):

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值