<HEAD>
<style>
div{border:1px solid redwidth:300pxheight:200px}
</style>
<SCRIPT>
window.onload=function modify(){
var s=document.body.clientHeight
document.getElementById("modss").style.height=s
alert(s)
}
</SCRIPT>
</HEAD>
<BODY>
<div id="modss">div的高度等于窗口的高度</div>
</BODY>
</HTML>
不知道是不是你要的。如果不是可以追问我……
如何让一个div的值等于当前浏览器高度的45%？jquery
$("div").offset.(0.45*$(window).height())
怎么让div的高度等于网页的高度
整个网页的高度一般是不用去设置的，都是靠每个子div累计出来的。
比如说网站的文章页，大家都知道，网站文章有长有短，这就会影响这个网页的高度。所以说网页的整个高度一般是不用去设置的!
怎样让一个div高度和浏览器高度一样
css: , body {height: 100% } .div100 {height: 100% }javascript:var div100 = document.getElementsClassName('div100') div100.style.height = document.body.clientHeight jquery:$('.div100').height($(window).height())
js如何 设置某个对象的高度,如div 等
举个例子吧：
<div id="test" class="page_speeder_1613902236">这是测试的div</div>
<input type=botton value="增加50px" onclick="add()" />
<script>
var o=document.getElementById('test')获得元素
function add(){
var w=o.offsetWidth获得原始宽
o.style.width=w+50+'px'设置宽度
}
</script>
js如何给div增加高度？, 如何用js获取div的高度
function AdjustColumnsHeight() {
var mainCol = window.document.getElementById('MainColumn')
var leftCol = window.document.getElementById('MainLeft')
var rightCol = window.document.getElementById('MainRight')
var hMainCol = mainCol .offsetHeight
var hLeftCol = leftCol.offsetHeight
var hRightCol = rightCol.offsetHeight
var maxHeight = Math.max( hMainCol , Math.max(hLeftCol, hRightCol))
mainCol.style.height = maxHeight + 'px'
leftCol.style.height = maxHeight + 'px'
rightCol.style.height = maxHeight + 'px'
}
上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。
如何通过js改变div的高度
onload=function(){
通过GetElementById("")根据id获取div对象
然后
.css({height:200px,width:100px})进行设置
}
如何使用 JavaScript 获取页面，窗口的高度
javascript里面document.body的clientWidth、clientHeight、offsetWidth 、offsetHeight 等属性可以获得网页可见区域的宽和高，window和window.screen也有一些相关属性，例子代码如下：
<body><SCRIPT LANGUAGE="JavaScript">var s = ""s += "\r\n网页可见区域宽："+ document.body.clientWidths += "\r\n网页可见区域高："+ document.body.clientHeights += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)"s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"s += "\r\n网页正文全文宽："+ document.body.scrollWidths += "\r\n网页正文全文高："+ document.body.scrollHeights += "\r\n网页被卷去的高："+ document.body.scrollTops += "\r\n网页被卷去的左："+ document.body.scrollLefts += "\r\n网页正文部分上："+ window.screenTops += "\r\n网页正文部分左："+ window.screenLefts += "\r\n屏幕分辨率的高："+ window.screen.heights += "\r\n屏幕分辨率的宽："+ window.screen.widths += "\r\n屏幕可用工作区高度："+ window.screen.availHeights += "\r\n屏幕可用工作区宽度："+ window.screen.availWidths += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"alert(s)</SCRIPT>
网页可见区域高： document.body.clientHeight
屏幕可用工作区高度： window.screen.availHeight
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
#div {
width: 100px
height: 50px
border: 1px solid red
color: green
text-align: center
}
input {
width: 250px
}
</style>
<script>
function test() {
var a = document.getElementById('a')
var b = document.getElementById('b')
var div = document.getElementById('div')
div.style.width = a.value + 'px'
div.style.height = b.value + 'px'
}
</script>
</head>
<body>
<div>宽度（默认100px）：<input type="text" id="a" placeholder="输入想要的宽度，点击测试看效果" /></div>
<div>高度（默认50px）：<input type="text" id="b" placeholder="输入想要的高度，点击测试看效果" /></div>
<div><button onclick="test()">点击测试</button></div>
<div id="div">来改变我</div>
</body>
</html>
