使用onload调整div的大小

Bre*_*sGA 0 javascript

我试图在标题中没有javascript函数的情况下调整div onload的大小.到目前为止,我的代码看起来像下面的代码,虽然我对javascript有点熟悉,但我非常喜欢初学者.

我想要做的是在样式表中设置一个高度为100%的div,并在加载时减去60px的高度.我甚至关闭,还是我输了?

编辑:我不会反对其他方法这样做.我只是不知道其他任何方式.

<div id="pageContent" onload="document.this.style.height = clientHeight - '60px';">
Run Code Online (Sandbox Code Playgroud)

Jac*_*ack 5

我使用过jQuery,因为检测窗口高度容易出现跨浏览器兼容性问题.保持标记,CSS样式和JavaScript功能的清晰分离是一种很好的做法.

以下是我认为您要实现的目标的编码示例:

http://jsfiddle.net/AKmaB/2/


如果您之前没有使用过jQuery,请确保在网页源中的任何其他JavaScripts之前包含此内容:

包含jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)