js设置元素宽度

变量没什么问题的,你看看，这个s有没有值,是不是加载js时，还没到body那儿，也就计算不出客户端的宽度。以下是具体实现代码：

具体公式是：

var  s = document.body.clientWidth

document.getElementById("body1").innerHTML=s

document.getElementById("body1").style.width="200px"

这个问题我自然想到过，所有时时都把S 是值显示出来了，S是有效的数字型的变量。

JS设置一个元素的高度直接在CSS中定义其height高度是最直接高效的，也是最通用的做法。

如果在页面使用时，需要动态改变元素的高度，可以使用JS代码来重新改变这个元素的高度。比如

<div id="box" style="width:500pxheight:100pxborder:1px solid #ccc">内容</div>

<script>

//原来的div元素设置的高度是100px下面的JS可以改变其高度为300px

document.getElementById("box").style.height="300px"

</script>

window.outerheight

窗口总高度

和window.screen.availheight一样

window.innerheight

窗口可视区域高度

window.screen.height

显示器屏幕高度

另外：jquery获取高度

$(".thiscrumbs").height()

元素本身高度

$(".thiscrumbs").innerheight()

元素高度+内边距

$(".thiscrumbs").outerheight()

元素高度+内边距+边框

$(".thiscrumbs").outerheight(true)

元素高度+内边距+边框+外边距

---