iframe自适应内容高度

iframe自适应内容高度iframe 高度自适应最近做了一个html页面,要显示动态内容,就没再把页面改成asp的 ,就在html页面里iframe了一个,但是动态内容不是固定的,所以要自适应,那就用js控制下,代码如下:<iframe src=”http://www.touti

iframe 高度自适应

最近做了一个html页面,要显示动态内容,就没再把页面改成asp的 ,就在html页面里iframe了一个,但是动态内容不是固定的,所以要自适应,那就用js控制下,代码如下:
<iframe src=”http://www.toutiao.com/a6881819712829948420/XXXX.asp” width=”880″ id=”name” onload=”javascript:dyniframesize(‘name’);” scrolling=”no” frameborder=”0″ ></iframe>
<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>

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/15571.html

(0)
上一篇 2024年 5月 19日
下一篇 2024年 5月 19日

相关推荐

关注微信