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>



















  • 相关阅读:
    (转)浅析epoll-为何多路复用I/O要使用epoll
    (转)C++对象的内存布局
    (转)C++ 虚函数表解析
    VS2008文件编码格式修改
    ubuntu与windows相关配置内容
    (转)windows宿主机,ubuntu虚拟机下的上网设置(有线网络和无线网络)
    第10章 名字控制
    php 代码重用
    php 变量
    php in_array 和 str_replace
  • 原文地址:https://www.cnblogs.com/hermit-gyqy/p/10695250.html
Copyright © 2011-2022 走看看