JS如何设置一个div高度值随另一个div宽度值变化而变化？
答案:3 悬赏:10 手机版
解决时间 2021-03-23 15:59
- 提问者网友：原来太熟悉了会陌生
- 2021-03-22 21:56
JS如何设置一个div高度值随另一个div宽度值变化而变化？
最佳答案
- 五星知识达人网友：梦中风几里
- 2021-03-22 22:21
首先设置两个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绑定事件就可以了
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绑定事件就可以了
全部回答
- 1楼网友：未来江山和你
- 2021-03-22 23:42
在JavaScript代码中添加一个window.onresize事件的处理：
//这里写改变box2的高度的代码
}
这样当浏览器大小每次被改变时都会自动修改box2的高度 也就是自适应
- 2楼网友：舊物识亽
- 2021-03-22 22:28
window.onresize = function()
{
//你改变DIV大小的代码
}
{
//你改变DIV大小的代码
}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯