document.compatMode 获取可视区宽高

最新推荐文章于 2024-03-12 22:27:40 发布

寓言s

最新推荐文章于 2024-03-12 22:27:40 发布

阅读量706

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u011551941/article/details/44408409

版权

javascript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
       <script>
          document.compatMode== 'BackCompat' //不是标准声明
          document.compatMode== 'CSS1Compat ' //标准声明
       </script>
      
    </body>
</html>

这两个模式下面对应的获取可视区宽高也是不一样的。

标准的声明可以document.documentElement.clientWidth这样获取宽度

非标准 document.body.clientWidth这样获取宽度

/***宽高属性****/
function getViewport(){
  var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientHeight;
  var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;
  return {width:w,height:w};
}

送上干货一个。