Javascript

  • 데이터 저장하기
  • 데이터 불러오기
  • 데이터 실행하기
  • 데이터 제어하기
  • 문자열 객체
  • 배열 객체
  • 수학 객체
  • 숫자 객체
  • 브라우저 객체
  • 요소 객체
  • 이벤트 객체
  • 제이쿼리
  • 검색 효과
  • 퀴즈 효과
  • 마우스 효과
  • 슬라이드 효과
  • 패랠랙스 효과
  • 게임 효과
  • 01. 브라우저 속성 : window.innerWidth : 브라우저의 가로값(스크롤바 미포함)
  • 02. 브라우저 속성 : window.innerHeight : 브라우저의 높이값(스크롤바 미포함)
  • 03. 브라우저 속성 : window.outerWidth : 브라우저의 가로값(스크롤바 포함)
  • 04. 브라우저 속성 : window.outerHeight : 브라우저의 높이값(스크롤바 포함)
  • 04. 브라우저 속성 : window.screen.width : 모니터 가로값
  • 04. 브라우저 속성 : window.screen.height : 모니터 세로값

  • 05. 브라우저 : window.pageXOffset : 가로 스크롤 값(브라우저 기준)
  • 06. 브라우저 : window.pageYOffset : 세로 스크롤 값(브라우저 기준)
  • 07. 브라우저 : window.scrollX : 가로 스크롤 값(브라우저 기준)
  • 08. 브라우저 : window.scrollY : 세로 스크롤 값(브라우저 기준)
  • 08. 브라우저 : document.documentElement.scrollTop : 세로 스크롤 값(브라우저 기준)
  • 08. 브라우저 : document.documentElement.scrollleft : 세로 스크롤 값(브라우저 기준)

  • 09. 브라우저 메서드 : window.scroll() : 스크롤 값 설정
  • 10. 브라우저 메서드 : window.scrollTo() : 스크롤 값 설정(절대 기준)
  • 11. 브라우저 메서드 : window.scrollBy() : 스크롤 값 설정(상대 기준)

  • 12. 요소 속성 : element.scrollLeft : 가로 스크롤 값
  • 13. 요소 속성 : element.scrollTop : 세로 스크롤 값
  • 14. 요소 메서드 : element.scrollIntoView() : 스크롤 이동 및 설정
jwor124@naver.com