1

嗨，我想根据屏幕的大小设置 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>

谁能明白为什么这行不通？或者关于更好的方法的任何想法？

4

3 回答 3

3

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

试试这个：

groundElement.style.height = window.screen.availHeight + 'px';
于 2012-09-11T05:57:25.277 回答
1

语法错误。试试这个：

<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-11T05:14:18.210 回答
0

你可以试试看

<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-11T05:10:49.633 回答