简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

判断网页中element是否可见的最佳方法

来源:易贤网   阅读:1416 次  日期:2015-03-18 11:39:21

温馨提示:易贤网小编为您整理了“判断网页中element是否可见的最佳方法”,方便广大网友查阅!

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自行修改

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:浅谈JavaScript浏览器渲染机制以及定时机制
下一篇:如何现实动态加载JS代码?
易贤网手机网站地址:判断网页中element是否可见的最佳方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!