JavaScript学习笔记之 用法

时间:2025-03-26 20:33:19

网页可见区域宽: ;
网页可见区域高: ;
网页可见区域宽: (包括边线的宽);
网页可见区域高: (包括边线的宽);
网页正文全文宽: ;
网页正文全文高: ;
网页被卷去的高: ;
网页被卷去的左: ;
网页正文部分上: ;
网页正文部分左: ;
屏幕分辨率的高: ;
屏幕分辨率的宽: ;
屏幕可用工作区高度: ;
屏幕可用工作区宽度:;

scrollHeight 获取对象的滚动高度。
scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth 获取对象的滚动宽度
offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
相对文档的水平座标
相对文档的垂直座标

相对容器的水平坐标
相对容器的垂直坐标
垂直方向滚动的值
+ 相对文档的水平座标+垂直方向滚动的量

要获取当前页面的滚动条纵坐标位置,用:
;
而不是:
;

  • documentElement 对应的是 html 标签,而 body 对应的是 body 标签

例子:根据页面滚动位置显示浮动框

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>根据页面滚动位置显示浮动框</title>
  <style>
    body {
      height: 2000px;
    }

    #toTop {
      position: fixed;
      bottom: 100px;
      right: 0;
      display: none;
    }
  </style>
</head>

<body>
  <div id="toTop">
    <a href="javascript:goToTop()">返回顶部</a>
  </div>

  <script>
    var div = ("toTop");
     = function () {
      var heightTop = ;
      if (heightTop >= 500)
         = "block";
      else
         = "none";
    }
    function goToTop() {
       = 0;
    }
  </script>
</body>

</html>