zoukankan      html  css  js  c++  java
  • 原生js获取pc和移动端屏幕宽、高的方法

    pc端: 

      var w = window.innerWidth
      || document.documentElement.clientWidth
      || document.body.clientWidth;
      var h = window.innerHeight
      || document.documentElement.clientHeight
      || document.body.clientHeight;

    移动端:  

     网页可见区域宽:document.body.clientWidth 
     网页可见区域高:document.body.clientHeight 
     网页可见区域宽:document.body.offsetWidth (包括边线的宽) 
     网页可见区域高:document.body.offsetHeight (包括边线的宽) 
     网页正文全文宽:document.body.scrollWidth 
     网页正文全文高:document.body.scrollHeight 
     网页被卷去的高:document.body.scrollTop 
     网页被卷去的左:document.body.scrollLeft 
     网页正文部分上:window.screenTop 
     网页正文部分左:window.screenLeft 
     屏幕分辨率的高:window.screen.height 
     屏幕分辨率的宽:window.screen.width 
     屏幕可用工作区高度:window.screen.availHeight 
     屏幕可用工作区宽度:window.screen.availWidth


    例:

    <script type="text/javascript">
      var w = window.innerWidth
      || document.documentElement.clientWidth //获取pc的宽,一般在pc上调试的时候用
      || document.body.clientWidth;
      var h = window.innerHeight
      || document.documentElement.clientHeight  //获取pc的高
      || document.body.clientHeight;

      var w1 = window.screen.width  //获取手机屏幕的宽 ,在实际上线的时候使用

      window.onload = function(){
        if(w < 415){
          window.location.assign('tf/index.html');
        }else{
          window.location.assign('sh/index.html');
        }

        if(w1 < 415){
          window.location.assign('tf/index.html');
        }else{
          window.location.assign('sh/index.html');
        }

      }

    </script>



















  • 相关阅读:
    int.Parse()及其异常判断
    三个框框的EditBox
    等价类的划分方法与EditorBox问题等价类划分
    初学软件测试
    软件测试方法的分类细谈
    浅谈软件测试之回归测试
    白盒测试——基本路径法
    初探灰盒测试——介于白盒测试与黑盒测试的测试
    对闰年测试的非法输入处理的思考
    等价类测试——进一步完善的Web输入合法验证
  • 原文地址:https://www.cnblogs.com/hermit-gyqy/p/10695250.html
Copyright © 2011-2022 走看看