document.compatMode 获取可视区宽高

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

diantiaozhu8383

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

阅读量77

点赞数

原文链接：http://www.cnblogs.com/junxi/p/5228490.html

版权

<!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};
}

送上干货一个。

转载于:https://www.cnblogs.com/junxi/p/5228490.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

diantiaozhu8383

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
document.compatMode 获取可视区宽高

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <script> document.compatMode== 'Ba...
复制链接

扫一扫