Javascript 如何在应用resize函数时获取div的运行时维度？

我有一个div，它应用了调整大小的功能。 当我调整div的大小并刷新页面时，它会保留相同的旧尺寸。 我需要的是，即使在刷新之后，它也应该保留大小调整后的值。 有什么办法可以做到这一点吗

$（函数（）{
$（“#框”）.resizeable（）；
$（'#main'）.draggable（）；
$（“#按钮”）。单击（函数（）{
如果（$（this.html（）=“-”）{
$（this.html（“+”）；
}否则{
$（this.html（“-”）；
}
$（“#框”）.slideToggle（）；
});
});

-
嗨，用户
为此使用会话存储。如果希望在不同会话之间保持这种状态，请使用localStorage。下面是代码和



$（函数（）{
var wid=window.sessionStorage.getItem（“boxWidth”）；
var hit=window.sessionStorage.getItem（“boxHeight”）；
if（typeof-wid！=“未定义”&&typeof-hit！=“未定义”）{
$（'#box'）.css（'width'，parseInt（wid））；
$（'#box'）.css（'height'，parseInt（hit））；
}
$（“#框”）.resizeable（）；
$（“#框”）。在（“调整大小”，函数（）上）{
sessionStorage.setItem（“boxWidth”，“$”（“#box”）.css（“width”））
sessionStorage.setItem（“boxHeight”，“$”（“#box”）.css（“height”））
})
$（'#main'）.draggable（）；
$（“#按钮”）。单击（函数（）{
如果（$（this.html（）=“-”）{
$（this.html（“+”）；
}否则{
$（this.html（“-”）；
}
$（“#框”）.slideToggle（）；
});
});

-
嗨，用户
您可以使用java脚本中的会话存储以前设置的值，并将其设置为页面加载时的div。这就是您想要实现的吗？如果我想在多个div上应用alsoResize函数，那么我能做什么呢？现在您正在使用以id为目标的
#box
选择器。如果您想以多个div为目标。使用类选择器，即为所有div赋予相同的类，请使用
$（.box”）。resizeable（）这将使所有带有class
box
的div都可以调整大小。然后，如果你需要存储它们的所有值，那么你必须为每个div保留一个唯一的名称，因为sessionStorage将值存储在键值对中，并且每个div键都应该是唯一的。这个问题现在已经解决了。如果我需要一个div的维度，那么我会返回到这个问题，并相应地排列其他div。如何做到这一点。假设我有屏幕上以平铺形式显示的diff div&如果我调整一个div的大小，则相应地排列其他平铺。
display:inline block
这就是您所需要的。在这种情况下，div将根据彼此的宽度和高度自动调整其位置。已经更新了代码以显示其外观。