1/1页1 跳转到查看:863
发新话题 回复该主题

实现iFrame自适应高度

实现iFrame自适应高度

<iframe id="szblogs" name="szblogs" width="100%" onload="this.height=szblogs.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>
*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì
*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì
看到了吧,关键就在于!*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì
*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì
下面给出完整的代码:*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì
*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì
<script language="javascript" type="text/javascript">
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar
= document.getElementById(down);
}
else{
eval(
'pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight +20;
pTar.width
= pTar.contentDocument.body.scrollWidth+20;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
pTar.width
= pTar.Document.body.scrollWidth;
}
}
}
</script>

<iframe src ="/default2.aspx"  frameborder="0" marginheight="0" marginwidth="0"  frameborder="0" scrolling="auto" id="ifm" name="ifm"  onload="javascript:dyniframesize('ifm');"  width="100%">
</iframe>
*c+P9–¾ëÒbbs.szblogs.comÜ£¿çl°˜Ý%Ì

TOP

 
1/1页1 跳转到
发表新主题 回复该主题