我正在开发一个 Web 应用程序，我们正在使用 Java 和 jsf 开发它。我制作了一个用于选择在其他组件(如向导、模式面板等)中使用的数据的组件。事情是，我需要将组件的高度设置为其内部向导高度的百分比。我尝试使用 javascript，但我遇到的问题是当我将 window.onload 命令放在我的组件中时它不起作用。现在我只是想 alert() 父组件的高度，但它不起作用。这是我的代码:
<script type="text/javascript">
<![CDATA[
window.onload = setHeight;
function setHeight()
{
var element = document.getElementById("#{rich:clientId('mainWizardDiv')}");
var h = window.getComputedStyle(element, null).getPropertyValue("height");
alert(h);
}
]]>
</script>
您是否有任何其他建议可以如何完成，我可以使用 onload 的某种方式，或任何其他想法。谢谢。
最佳答案
无法获得百分比高度(出于某些原因谷歌搜索高度百分比)。获取以像素为单位的绝对高度，在 Javascript 中对其进行计数(不要忘记对其进行四舍五入)并将结果加载到您想要的元素中(添加 'px' 字符串只是为了确定)。这一直对我有用。
编辑:(发表评论后)
也许，我能看出错误。您正在分配未定义的功能。首先，您必须定义函数然后使用它
关于javascript - 如何在html中将组件的高度设置为父组件的百分比？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14849540/