我想写一个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如何自适应屏幕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:...

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

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); \/\/这个就...

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

怎么才能让左边的div的高度随着右边div的高度变变化而变化,用css写
用js吧 <script language="javascript"> document.getElementById("DIV2").style.height=document.getElementById("DIV3").scrollHeight+"px"<\/script> <html> <head> <style type="text\/css"> <\/style> <\/head> <body> <div id="div1" style="width:300;height:auto;border-style: solid...

js如何让一个div的高度等于窗口的高度
div{border:1px solid red;width:300px;height: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> <\/...

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

JS怎么控制IFRAME高度自动适应内容而不出现滚动条
function setHeight(){ var iframe = document.getElementById("iframe_id");try{ var aHeight = iframe.contentWindow.document.body.scrollHeight;var bHeight = iframe.contentWindow.document.documentElement.scrollHeight;var height = Math.max(aHeight, bHeight);\/\/取最高值;iframe.height = ...

相似回答