자바 스 크 립 트 학습 노트 의 웹 페이지 고도 용법

2376 단어 js
웹 페이지 의 보 이 는 영역 너비: document. body. clientWidth;  웹 페이지 의 보 이 는 영역 이 높 습 니 다: document. body. clientHeight;  웹 페이지 의 보 이 는 영역 너비: document. body. of set Width (사 이 드 라인 의 너비 포함);  웹 페이지 의 보 이 는 영역 이 높 습 니 다: document. body. of set Height (사 이 드 라인 의 너비 포함);  웹 페이지 본문 전문 너비: 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;
스크롤 하 이 트 는 대상 의 스크롤 높이 를 가 져 옵 니 다.  scrollLeft 설정 또는 대상 의 왼쪽 경계 와 창 에서 현재 볼 수 있 는 내용 의 가장 왼쪽 끝 사이 의 거 리 를 가 져 옵 니 다.  scrollTop 설정 또는 대상 의 맨 위 와 창 에 보 이 는 내용 의 맨 위 사이 의 거 리 를 가 져 옵 니 다.  scrollWidth 대상 의 스크롤 폭 가 져 오기  offset Height 획득 대상 이 지면 이나 부모 좌표 offset Parent 속성 에 의 해 지정 한 부모 좌표 의 높이  offsetLeft 가 져 오기 대상 이 지면 이나 offsetParent 속성 에 의 해 지 정 된 부모 좌표 의 왼쪽 위 치 를 계산 합 니 다.  offsetTop 가 져 오 는 대상 이 지면 이나 offsetTop 속성 이 지정 한 부모 좌표 의 계산 맨 위 치 를 가 져 옵 니 다.  이벤트. clientX 상대 문서 의 수평 좌표  이벤트. clientY 상대 문서 의 수직 좌표
이벤트. offsetX 상대 용기 의 수평 좌표  이벤트. offsetY 상대 용기 의 수직 좌표  document. documentElement. scrollTop 수직 방향 으로 굴 러 가 는 값  event. clientX + document. documentElement. scrollTop 상대 문서 의 수평 좌표 + 수직 방향 으로 굴 러 가 는 양
현재 페이지 의 스크롤 바 세로 좌표 위 치 를 가 져 오 려 면:  document.documentElement.scrollTop;  대신:  document.body.scrollTop;
document Element 는 html 태그 에 대응 하고 body 는 body 태그 에 대응 합 니 다. 예: 페이지 스크롤 위치 에 따라 유동 상 자 를 표시 합 니 다.




  
               
  



  

  
    var div = document.getElementById("toTop");
    document.body.onscroll = function () {
      var heightTop = document.documentElement.scrollTop;
      if (heightTop >= 500)
        div.style.display = "block";
      else
        div.style.display = "none";
    }
    function goToTop() {
      document.documentElement.scrollTop = 0;
    }
  



좋은 웹페이지 즐겨찾기