使用javascript设置iframe的高度

您好我想根据屏幕的大小来设置iframe的css高度，但我不知道如何做到这一点。使用javascript设置iframe的高度

CSS：

#iframeplate{ 
    width:100%; 
    height:200px; 
}

HTML：

<body onload="setGround()"> 
    <iframe id="iframeplate" class="idIframe" frameborder=0 border=0 width="100%" scrolling-y="no" src="#"> 
    </iframe> 
</body>

JS：

<script type="text/javascript"> 

function setGround() { 
    var groundElement = document.getElementById('iframeplate'); 
    groundElement.style.height = getWindowHeight() + 'px'; 
} 
} 

</script>

任何人都可以明白为什么这是行不通的？或者有更好的方法来做到这一点？

来源

2012-09-11 1ftw1

你有没有看任何的右侧类似的问题？ – mplungjan

你的JS代码中有一个额外的“}”。你的函数“getWindowHeight（）”是否返回一些东西？ – khomyakoshka

错误是方法getWindowHeight，没有输出。

试试这个：

groundElement.style.height = window.screen.availHeight + 'px';

来源

2012-09-11 05:57:25 phplaber

是啊对了getWindowHeight没有输出window.innerHeight做了这份工作谢谢你把我的思路正确的感谢 – 1ftw1

，您可以尝试

<body onload="setGround()"> 
<iframe id="iframeplate" class="idIframe" frameborder=0 border=0 width="100%" scrolling-y="no" src="#" 
    </iframe>

使用jQuery像

$("iframe[id='iframeplate']").height(getWindowHeight());

来源

2012-09-11 05:10:49

语法错误。试试这个：

<iframe id="iframeplate" class="idIframe" frameborder=0 border=0 width="100%" scrolling-y="no" src="#"></iframe> 


<script type="text/javascript"> 
function setGround() { 
    var groundElement = document.getElementById('iframeplate'); 
    groundElement.style.height = getWindowHeight() + 'px'; 
} 
</script>

来源

2012-09-11 05:14:18 Solo

你有两个“}”括号。 – Solo

是不是，但你在哪里权利，谢谢你没有看到那里:) – 1ftw1

使用javascript设置iframe的高度

回答

相关问题