IFrame框架中滚动条另类应用

script type="text/javascript"
//** iframe自动适应页面 **//
//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的ID分隔. 例如: ，可以只有一个窗体，则不用逗号。
//定义iframe的ID
var iframeids=
//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏，no表示不隐藏
var iframehide="yes"

function dyniframesize()
{
var dyniframe=new Array()
for (i=0 iiframeids.length i++)
{
if (document.getElementById)
{
//自动调整iframe高度
dyniframe = document.getElementById(iframeids)
if (dyniframe !window.opera)
{
dyniframe.style.display="block"
if (dyniframe.contentDocument dyniframe.contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
dyniframe.height = dyniframe.contentDocument.body.offsetHeight
else if (dyniframe.Document dyniframe.Document.body.scrollHeight) //如果用户的浏览器是IE
dyniframe.height = dyniframe.Document.body.scrollHeight
}
}
//根据设定的参数来处理不支持iframe的浏览器的显示问题
if ((document.all || document.getElementById) iframehide=="no")
{
var tempobj=document.all? document.all : document.getElementById(iframeids)
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








html


body



iframe id="test" marginWidth="0" hspace="0" vspace="0" marginHeight="0" src="源文件" frameBorder="0"
width="100%" height="100%"/iframe




/body


/html

"Verdana"
//这是一个比较难以用言语去描述的状态，有的时候必须使用IFrame框架，但是IFrame框架有自己独立的滚动条，然后这个滚动条会和主页面的滚动条同时存在，看起来就是两根滚动条，很不美观，但如果取消Iframe的滚动，即Scrolling="no"的话，又将彻底失去了滚动条，造成超越长度那部分内容不可视（前者只是影响美观，后者直接不显示，更为不可行），这个例子使用主页面的滚动条来取代IFrame内部的滚动条，看起来只有一根，比较美观。当然，还有另外的解决方法，比如在主页面的Body里面加上Scroll="no"，Iframe的Scrolling="auto"即取消主页面的滚动条，只显示IFrame内部的滚动条，这样看起来也只有一根，而且这个办法更为简单，但它只适合用在那种整个页面就是一个IFrame框架，主页面并不需要显示其他内容的场合。如果主页面内容较多，而且又非要嵌入IFrame框架，就必须使用上面的代码了。