javascript - 使用javascript设置iframe的高度

标签 javascript html css

您好,我想根据屏幕大小设置 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>

谁能看出为什么这行不通?或者关于更好的方法的任何想法?

最佳答案

错误是getWindowHeight方法没有输出。

试试这个:

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

关于javascript - 使用javascript设置iframe的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12363046/

相关文章:

javascript - 单击图像区域可更改该区域的颜色

平板电脑/移动设备的 CSS 条件,而不仅仅是 &lt;!--[if IE]>?

html - WordPress : Issues in CSS animations in Mobile

javascript - 用于 firebase 的 node.js 中的 messaging() 问题

javascript - Ionic 1 : make ion-nav-bar fixed, 不在 View 之间更新

javascript - 如何突出显示 Kendo UI ListView 中的特定项目?

javascript - 添加全部按钮不会使选择删除验证,就像选择了某些内容一样

javascript - 正则表达式 至少使用 3 个任意字符

javascript - CSS 不在框中居中文本,而是移到右侧?

javascript - 如何使用jquery选择特定位置的元素