我想写一个DIV,用JS控制这个DIV的高度,高度随屏幕或浏览器的变化而变化。

如题所述

window.onresize = function(){
var percent = 0.XX; //将div设置成浏览器高度的百分比

var myDiv = document.getElementById("divid");//根据id获取这个div
myDiv.style.height= window.document.body.clientHeight*percent ;
}追问


window.onresize = function(){
var percent =100;
var myDiv = document.getElementById("divid");//根据id获取这个div
myDiv.style.height= window.document.body.clientHeight*percent ;}

我要设置为浏览器高度的100%,也就是浏览器多高它就多高,可是我这样定义了,我这个div高度还是没有嘛。

温馨提示:内容为网友见解,仅供参考
无其他回答

怎样让一个div高度自适应浏览器高度
第一种,用CSS的方法 第二种,用JS方法 这里暂时只演示第一种,如果第二种,另外@我 示例代码如下:CSS代码第一种写法 html,body{height:100%; margin:0;}\/**把HTML和BODY的高度设置成100%**\/ div{height:100%; background-color:#ccc;}\/**把你DIV的高度设置成100%**\/ CSS代码第二种写...

如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化
可以自己完善。<body><input type="button" id="btn" value="变大" \/><div style="width:100px; height:100px; border:1px solid #ccc; float:left;" id="div1"><\/div> <div id="div2"><\/div><\/body><script>var oBtn = document.getElementById('btn');var oDiv1 = docume...

DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示。2、html页面代码如图所示,定义一个div,然后给一个id属性即可。3、这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试。4、然后在浏览器运行之后的效...

div如何自适应屏幕div自适应屏幕宽度
1、先新建一个html文件,并在head中添加样式表【styletype="text\/css">\/style>】。2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...

如何用 js 取得浏览器的高度并赋值给div?
js取得浏览器的高度并赋值给div的步骤如下:1."http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head><title> 2.请调整浏览器窗口大小<\/h2><hr \/><form action="#" method="get" name="form1" id="form1"><!-- 3....

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制,比如你用$("#divLeft").css("height")来获取左边的高度,然后把这个值设给右边就可以实现实时变化了,因为我知道你这个forum的话是左边可能变化比较大,然后右边要随着左边的变化来适应,当然float也要设置为left;(此处要保证你的左div和右div的宽度之和...

怎么让让DIV垂直方向自适应显示器高度
没有直接的办法,但可以采取曲线救国的办法。方法1:在内容层里面插入一个table。估计你也不想这样做。不过这个也是解决方法之一。方法2:设置DIV的min-height值,但是这个会有兼容性问题。方法3:利用JS判断外层DIV的高度,再调整DIV的高度。你可以试试,或者其他人有更好的办法。

js如何计算并赋予DIV高度
js里面提供了很多的方法,可以计算DIV的高度,以及也可以给DIV直接复制。如下是代码的实现:<body> <div style="width:100px; height:100px; background:#ccc;" id="div"><\/div><\/body><script> var oDiv = document.getElementById('div'); alert(oDiv.offsetHeight); \/\/这个就...

如何通过js控制div中文本的上下移动
用document.getElementById(div1)获取到该div,然后操作它就行了,如果是文本上下移动你完全可以使用marquee标签啊

关于页面布局的问题,div高度随浏览器缩放而变化
{\/\/FF getBodySize[0] = window.parent.window.innerWidth;getBodySize[1] = window.parent.window.innerHeight;}else{ with(window.parent.document.documentElement){ getBodySize[0] = clientWidth;getBodySize[1] = clientHeight;} } return getBodySize;} 可以返回浏览器高度宽度的 ...

相似回答