怎么让<iframe></iframe>（内嵌框架）的大小随着窗口显示的大小而改变高度和宽度
日期：2014-05-16 浏览次数：20323 次
如何让<iframe></iframe>（内嵌框架）的大小随着窗口显示的大小而改变高度和宽度？
如何让 <iframe> </iframe> （内嵌框架）的大小随着窗口显示的大小而改变高度和宽度？
------解决方案--------------------
这个例子里iframe一直和窗口一样大.
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=GBK ">
<title> </title>
<script type= "text/javascript ">
function resizeFrame()
{
document.all( "f1 ").width = document.body.clientWidth;
document.all( "f1 ").height = document.body.clientHeight;
}
window.onresize = resizeFrame;
window.onload = resizeFrame;
</script>
</head>
<body style= "margin:0 0 0 0; ">
<iframe src= " " id= "f1 " style= "margin:0 0 0 0; "> </iframe>
</body>
</html>
------解决方案--------------------
iframe.width = document.body.offsetWidth;
iframe.height = document.body.offsetHeight;
如何让 <iframe> </iframe> （内嵌框架）的大小随着窗口显示的大小而改变高度和宽度？
------解决方案--------------------
这个例子里iframe一直和窗口一样大.
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=GBK ">
<title> </title>
<script type= "text/javascript ">
function resizeFrame()
{
document.all( "f1 ").width = document.body.clientWidth;
document.all( "f1 ").height = document.body.clientHeight;
}
window.onresize = resizeFrame;
window.onload = resizeFrame;
</script>
</head>
<body style= "margin:0 0 0 0; ">
<iframe src= " " id= "f1 " style= "margin:0 0 0 0; "> </iframe>
</body>
</html>
------解决方案--------------------
iframe.width = document.body.offsetWidth;
iframe.height = document.body.offsetHeight;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
