Javascript 当定义为百分比时，如何获取div的物理大小？

当

的高度和宽度属性最初定义为百分比时，我正在寻找一种以像素为单位收集

的物理大小的方法

保持图像大小的百分比是非常重要的，因为我需要找到一种方法来获取代码隐藏（ASP.NET）或javascript中的像素大小

提前感谢,

---

Adam

下面是使用JavaScript的方法

当页面调整大小时，通过处理onresize来捕获它

---

您可以利用jQuery的“resize”事件和width（）/height（）方法，例如：

$('#yourElement').resize(function()
{
    var w = $(this).width();
    var h = $(this).height();

    // Do something with the data
    // ...
});

---

Quirksmode具有相关的功能。看起来所有主要浏览器都支持

offsetWidth

和

offsetHeight

！是的，这是一种纯JavaScript方法，它已经被支持很长时间了。

window.onresize = function () {
    var div = document.getElementById('div-id');
    alert(div.offsetWidth);
    alert(div.offsetHeight);
}

$('#yourElement').resize(function()
{
    var w = $(this).width();
    var h = $(this).height();

    // Do something with the data
    // ...
});