IT教程 | 加入收藏 | 简体 | 繁体
JavaScript教程:JavaScript...JQuery教程ExtJS教程Tangram教程Ajax教程
当前位置: 首页 > Js+Ajax > JavaScript教程

iframe 自适应宽度、高度代码,兼容还可以

2014-07-14来源:[www.121ask.com]热度:0℃ 【字体:

<iframe width="1024" align="center" height="2150" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="http://www.121yx.com"></iframe>

<script type="text/javascript" language="javascript">
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}

</script>

推荐下面这种:


<iframe frameborder="0" marginheight="0" marginwidth="0"   width="100%" scrolling="no" src="http://www.121ask.com" name="tag" onload="this.height=tag.document.body.scrollHeight"></iframe>

<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("tag");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;}
catch (ex){}}
window.setInterval("reinitIframe()", 200);
</script>


 

以上IT文章《iframe 自适应宽度、高度代码,兼容还可以》由名客技术网[www.121ask.com]提供阅读!
名客技术网是一个免费为广大IT技术人员提供IT教程,绿色软件,asp/php/jsp/java/net等实例视频教程,CMS教程,破解软件下载以及学习相关源码、知识的IT网站。
名客技术网如果无意之中侵犯了您的版权,请来电告知,本站将在3个工作日内删除 QQ:175352796
Copyright 2011-2017 Powered by 121ASK.COM, All Rights Reserved.
备案号:鄂ICP备11013833号-1