javascript - 当定义为百分比时，如何获得 div 的物理大小？

Question

当的高度和宽度属性最初定义为百分比时，我正在寻找一种方法来收集<div>以像素为单位的物理大小。<div>

将 's 的大小保持为一个百分比是很重要的，因为我需要找到一种方法来在后面的代码（ASP.NET）或 javascript 中获取像素大小。

提前致谢，

亚当

Answer 1

以下是使用 JavaScript 的方法。

jsFiddle

var div = document.getElementById('div-id');
alert(div.offsetWidth);
alert(div.offsetHeight);

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

jsFiddle

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

Answer 2

您可以利用 jQuery 的 'resize' 事件和 width()/height() 方法，例如：

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

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