怎么让框架里面的页面自动适应大小
日期：2014-05-18 浏览次数：20689 次
如何让框架里面的页面自动适应大小？
<frameset rows= "17%,73%,10% " frameborder= "NO " border= "0 " framespacing= "0 " bordercolor= "white ">
<frame src= "head.jsp " name= "head " scrolling= "NO " noresize>
<frame src= "main.jsp " name= "show ">
<frame src= "inc/footer.inc " name= "botten " scrolling= "NO " noresize>
</frameset>
这个页面采用了上中下结构的框架
我想让框架自动适应页面大小，不用托拽 (有的页面很长)
怎么修改上面的代码？
谢谢！
------解决方案--------------------
出售以下资料、代码
1.JSP编程技巧百问集锦(100个问题;一个问题一段代码) 报价：30 RMB
2.ASP编程技巧百问集锦(100个问题;一个问题一段代码) 报价：30 RMB
3.JavaScript编程技巧百问集锦(100个问题;一个问题一段代码) 报价：20 RMB
4. <在线书店系统> 大解密(jsp+javabean+servlet Web版 全套源码 安装即用) 报价：150 RMB
5. <办公自动化系统> 大解密(jsp+javabean+servlet Web版 全套源码 安装即用) 报价：300 RMB
需要者请联系:e_mail:fzlotuscn@yahoo.com.cn QQ:595563946
------解决方案--------------------
页面不是图片可以压缩长\宽显示.页面很长了就只有用到滚动条了.
------解决方案--------------------
引用页面：
<iframe name= "frame " frameborder= "0 " src= "iframe.asp " width= "100 " height= "100 " align= "center " scrolling= "no "> </iframe>
被引用页面：
<script language= "javascript ">
function BodyOnLoad(){
if (window != top){ //如果这个页面是被包含的，就执行下面的代码
window.resizeTo(window.document.body.scrollWidth, window.document.body.scrollHeight);
}
}
</script>
<body onload = "BodyOnLoad() ">
------解决方案--------------------
可以用iframe来做.
1.做一个主页面,里面放一个table,有三行,第二行不要设置高度.分别嵌入三个iframe.
2.三个iframe的src分别为,head.jsp和main.jsp,inc/footer.inc
3.在main.jsp中加入一段js,来调整高度.
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName( "iframe ");
for(var i=0; i <a.length; i++) //author:meizz
{
if(a[i].contentWindow==window)
{
var h1=0, h2=0;
a[i].parentNode.style.height = a[i].offsetHeight + "px ";
a[i].style.height = "10px ";
if(document.documentElement&&document.documentElement.scrollHeight)
{
h1=document.documentElement.scrollHeight;
}
if(document.body) h2=document.body.scrollHeight;
var h=Math.max(h1, h2);
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a[i].style.height = a[i].parentNode.style.height = h + "px ";
}
}
}
}
catch (ex){}
}
if(window.attachEvent)
{
window.attachEvent( "onload ", iframeAutoFit);
//window.attachEvent( "onresize ", iframeAutoFit);
<frameset rows= "17%,73%,10% " frameborder= "NO " border= "0 " framespacing= "0 " bordercolor= "white ">
<frame src= "head.jsp " name= "head " scrolling= "NO " noresize>
<frame src= "main.jsp " name= "show ">
<frame src= "inc/footer.inc " name= "botten " scrolling= "NO " noresize>
</frameset>
这个页面采用了上中下结构的框架
我想让框架自动适应页面大小，不用托拽 (有的页面很长)
怎么修改上面的代码？
谢谢！
------解决方案--------------------
出售以下资料、代码
1.JSP编程技巧百问集锦(100个问题;一个问题一段代码) 报价：30 RMB
2.ASP编程技巧百问集锦(100个问题;一个问题一段代码) 报价：30 RMB
3.JavaScript编程技巧百问集锦(100个问题;一个问题一段代码) 报价：20 RMB
4. <在线书店系统> 大解密(jsp+javabean+servlet Web版 全套源码 安装即用) 报价：150 RMB
5. <办公自动化系统> 大解密(jsp+javabean+servlet Web版 全套源码 安装即用) 报价：300 RMB
需要者请联系:e_mail:fzlotuscn@yahoo.com.cn QQ:595563946
------解决方案--------------------
页面不是图片可以压缩长\宽显示.页面很长了就只有用到滚动条了.
------解决方案--------------------
引用页面：
<iframe name= "frame " frameborder= "0 " src= "iframe.asp " width= "100 " height= "100 " align= "center " scrolling= "no "> </iframe>
被引用页面：
<script language= "javascript ">
function BodyOnLoad(){
if (window != top){ //如果这个页面是被包含的，就执行下面的代码
window.resizeTo(window.document.body.scrollWidth, window.document.body.scrollHeight);
}
}
</script>
<body onload = "BodyOnLoad() ">
------解决方案--------------------
可以用iframe来做.
1.做一个主页面,里面放一个table,有三行,第二行不要设置高度.分别嵌入三个iframe.
2.三个iframe的src分别为,head.jsp和main.jsp,inc/footer.inc
3.在main.jsp中加入一段js,来调整高度.
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName( "iframe ");
for(var i=0; i <a.length; i++) //author:meizz
{
if(a[i].contentWindow==window)
{
var h1=0, h2=0;
a[i].parentNode.style.height = a[i].offsetHeight + "px ";
a[i].style.height = "10px ";
if(document.documentElement&&document.documentElement.scrollHeight)
{
h1=document.documentElement.scrollHeight;
}
if(document.body) h2=document.body.scrollHeight;
var h=Math.max(h1, h2);
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a[i].style.height = a[i].parentNode.style.height = h + "px ";
}
}
}
}
catch (ex){}
}
if(window.attachEvent)
{
window.attachEvent( "onload ", iframeAutoFit);
//window.attachEvent( "onresize ", iframeAutoFit);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
