JS如何设置一个div高度值随另一个div宽度值变化而变化？

JS如何设置一个div高度值随另一个div宽度值变化而变化？

首先设置两个div，假设给出id分别为a和b，b始终为a的宽度的二分之一。
js代码为：
var diva=document.getElementById("a");
var divb=document.getElementById("b");
var wid=diva.offsetWidth;
function jt(){//定义监听a大小变化的函数
var wid1=diva.offsetWidth;//获取宽度

if(wid1!=wid){
wid=wid1;
resizeb();

}

setTimeout("jt",100);

}
function resizeb(){
divb.style.width=wid*0.5;//改变b的大小

}
jt();
但是这样写是在不知道a的大小为什么变化的情况下，这样写很耗cpu，如果很明确a的大小变化原因，直接给a绑定事件就可以了

在JavaScript代码中添加一个window.onresize事件的处理：

window.onresize = function(){
//这里写改变box2的高度的代码
}

这样当浏览器大小每次被改变时都会自动修改box2的高度 也就是自适应

window.onresize = function()
{
     //你改变DIV大小的代码
}