首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Iframe框架高度自适应的兑现

2012-11-09 
Iframe框架高度自适应的实现?test.asp页面head间增加如下JS代码SCRIPT LANGUAGEJavaScriptfunction f

Iframe框架高度自适应的实现

?

test.asp页面head间增加如下JS代码

<SCRIPT LANGUAGE="JavaScript">

function f_frameStyleResize(targObj){

var targWin = targObj.parent.document.all[targObj.name];

if(targWin != null) {

var HeightValue = targObj.document.body.scrollHeight

if(HeightValue < 600){HeightValue = 600}

targWin.style.pixelHeight = HeightValue;

}

}

function f_iframeResize(){

bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

</SCRIPT> 

---------------------------------------------------

方案二:备用

在主页面增加如下JS代码

<script type="text/javascript">
var iframeids=["myblog"]
var iframehide="yes"
function dyniframesize()
{
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++)
{
?? if (document.getElementById)
?? {
??? 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)
????? dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
???? else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight)
????? dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
??? }
?? }
?? 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>

方案三:

<iframe name="products" src=http://www.958801.com marginwidth="1 "marginheight=1 width='100%' scrolling='no' border='0' frameborder='0' onLoad='this.height=products.document.body.scrollHeight' target='_blank' style="font-size: 9pt"></iframe>

  跨域引用有权限问题,有待进一步研究

  iframe页面动态内容如果用div方式实现,自适应高度不稳定,改成table方式实现,解决问题.

热点排行