Question

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

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>

谁能明白为什么这不起作用？或者有更好的方法来做任何想法？

Answer 1

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

试试这个：

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

Answer 2

语法错误。试试这个：

<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>

Answer 3

你可以尝试一下

<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());

使用javascript设置iframe的高度

3 个答案: