代码改变世界

不懂就问系列之JS

2021-11-30 14:20  WEB前端小菜鸟  阅读(35)  评论(0)  编辑  收藏  举报

1.手机官网和电脑官网共用一个域名，不同的布局，先判断访问是pc还是mobile，亲测有效

mounted() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    if (
      /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(
        sUserAgent)
    ) {
      //跳转移动端页面
      this.isShowPC = false;
     
    } else {
      this.isShowPC = true;
    }
  },

2.浏览器之滚动高度
//documentElement 对应的是 html 标签，而 body 对应的是 body 标签,在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;//兼容写法 一句话搞定反正有一个肯定是0

亲测谷歌 document.documentElement.scrollTop 有值，document.body.scrollTop为0

 

3.获取浏览器的宽高