屏幕的可视区域

编辑本博客

  • window.onresize：监控屏幕可视区域的变化
  • document.documentElement.clientWidth：屏幕可视宽度
  • document.documentElement.clientHeight：屏幕可视高度
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>屏幕的可视区域</title>
</head>
<body>
</body>
<script type="text/javascript">
    window.onload=function (ev) {
        window.onresize=function (ev1) {
            console.log(document.documentElement.clientWidth);
            console.log(document.documentElement.clientHeight);
            console.log(document.documentElement.clientLeft);
            console.log(document.documentElement.clientHeight);
        }
    }
</script>
</html>
View Code

 

posted @ 2018-06-17 10:36  丫丫625202  阅读(215)  评论(0)  编辑  收藏  举报