| 范文 |
javascript判断网页中element是否可见的最佳方法。记得以前一直用jQurey的is(":visible")来判断，一次偶然在chrome中发现这个函数居然是消耗CPU最多的，这个函数效率很低！经过在谷歌的一翻搜寻，终于找到了它：getBoundingClientRect()——获取element实际的top、bottom、left、right定位值，我们利用它计算element的高度，如果为0，即可认为element不可见。关键是，几乎所有浏览器都支持getBoundingClientRect。 具体代码如下：
function isVisible(element) {
var rect = element[0].getBoundingClientRect();
return !!(rect.bottom - rect.top);
}
//这是jsGen中的代码片段，element是经过了jQuery封装的，所以需要element[0]，原生element自行修改 |