前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Bom和Dom一些兼容性写法

Bom和Dom一些兼容性写法

作者头像
hss
发布2022-02-25 19:59:44
3690
发布2022-02-25 19:59:44
举报
文章被收录于专栏:前端卡卡西

获取样式

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
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/08/13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 获取样式
    • getComputedStyle
      • currentStyle
        • 兼容性写法
        • event
        • scrollTop
          • 滚动到底部
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档