iframe自动适应内容的高度
2009-10-26 13:56
405 查看
方法一:
<script>
function autoResize()
{
try
{
document.all["mainFrame"].style.height=mainFrame.document.body.scrollHeight
}
catch(e){}
}
</script>
<iframe name="mainFrame" src="/ads/?ad=google&ad2=biz2008" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" style="height:expression(1); aho:expression(autoResize())"></iframe>
方法二:
<iframe src="comment.jsp" id="mainFrame" name="mainFrame" style="margin:20px 0;width:95%;height:600px;" border="0" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="yes" ></iframe>
<script>
function iframeResize()
{
var dyniframe = document.getElementById("mainFrame");
if (dyniframe) {
if (dyniframe.contentDocument)
{
dyniframe.style.height = dyniframe.contentDocument.body.scrollHeight + 10;
}
else if (dyniframe.document && dyniframe.document.body.scrollHeight)
{
iframeheight = mainFrame.document.body.scrollHeight + 10;
dyniframe.style.height = iframeheight;
}
}
}
function scroll_to_top()
{
document.body.scrollTop=0;
}
if (window.addEventListener)
window.addEventListener("load", iframeResize, false);
else if (window.attachEvent)
window.attachEvent("onload", iframeResize);
else
window.onload = iframeResize;
</script>
网页在最上面:
<script language="javascript">if(self!=top){top.location=self.location;};self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight); </script>
<script>
function autoResize()
{
try
{
document.all["mainFrame"].style.height=mainFrame.document.body.scrollHeight
}
catch(e){}
}
</script>
<iframe name="mainFrame" src="/ads/?ad=google&ad2=biz2008" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" style="height:expression(1); aho:expression(autoResize())"></iframe>
方法二:
<iframe src="comment.jsp" id="mainFrame" name="mainFrame" style="margin:20px 0;width:95%;height:600px;" border="0" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="yes" ></iframe>
<script>
function iframeResize()
{
var dyniframe = document.getElementById("mainFrame");
if (dyniframe) {
if (dyniframe.contentDocument)
{
dyniframe.style.height = dyniframe.contentDocument.body.scrollHeight + 10;
}
else if (dyniframe.document && dyniframe.document.body.scrollHeight)
{
iframeheight = mainFrame.document.body.scrollHeight + 10;
dyniframe.style.height = iframeheight;
}
}
}
function scroll_to_top()
{
document.body.scrollTop=0;
}
if (window.addEventListener)
window.addEventListener("load", iframeResize, false);
else if (window.attachEvent)
window.attachEvent("onload", iframeResize);
else
window.onload = iframeResize;
</script>
网页在最上面:
<script language="javascript">if(self!=top){top.location=self.location;};self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight); </script>
相关文章推荐
- JS怎么控制IFRAME高度自动适应内容而不出现滚动条
- 让iframe自动适应内容高度
- 使用事件捕获实时捕获img是否加载完毕, 实现iframe内容高度自动适应
- Iframe自动适应加载内容高度
- 如何让iframe自动适应内容高度
- JavaScript应用:Iframe自适应其加载的内容高度
- 如何使IFrame的长宽与内容自动适应大小
- 如何使IFrame的长宽与内容自动适应大小
- 如何使IFrame的长宽与内容自动适应大小
- JavaScript应用:Iframe自适应其加载的内容高度
- JavaScript应用:iframe自适应其加载的内容高度(zz)
- iframe的高度随内容自动增大
- iframe 自动适应页面高度
- Iframe 自动适应页面的高度示例代码
- 控制iframe的高度随内容的多而自动增长
- 如何使IFrame的长宽与内容自动适应大小
- iframe高度随内容自动变化
- iframe高度自动适应
- Iframe自适应其加载的内容高度
- iframe自动适应高度的多种方法方法小结