Bom和Dom一些兼容性写法

2022-02-25 19:59:44 浏览数 (2)

获取样式

getComputedStyle

普通浏览器

currentStyle

兼容ie

兼容性写法

注意,这个方法在ie下如果获取没有设置的值,如设置了定位但是没有设置top值,获取top会返回auto,而其他浏览器会返回一个具体值,为了避免问题,最好给这个样式设置一个默认值

代码语言:javascript复制
function getStyle(obj, name) {
    if (window.getComputedStyle) {
        return window.getComputedStyle(obj, null)[name];  // 非ie
    }
    else {
        return obj.currentStyle[name]; // ie
    }
}

event

代码语言:javascript复制
let event = event || window.event

scrollTop

代码语言:javascript复制
let st = document.body.scrollTop || document.documentElement.scrollTop

滚动到底部

chrome获取的scrollTop是小数,firefox获取的是整数

代码语言:javascript复制
info.scrollHeight - parseInt(info.scrollTop) == info.clientHeight

0 人点赞