javascript

  • 데이터 저장하기
  • 데이터 불러오기
  • 데이터 실행하기
  • 데이터 제어하기
  • 문자열 객체
  • 배열 객체
  • 수학 객체
  • 숫자 객체
  • 브라우저 객체
  • 요소 객체
  • 이벤트 객체
  • 제이쿼리
  • 검색 효과
  • 퀴즈 효과
  • 데이터 효과
  • 마우스 효과
  • 슬라이드 효과
  • 페럴랙스 효과
  • 게임 효과
  • 09. 브라우저 속성 : window.innerWidth : 브라우저의 가로값 (스크롤바 미포함)
  • 09. 브라우저 속성 : window.innerHeight : 브라우저의 높이값 (스크롤바 미포함)
  • 09. 브라우저 속성 : window.outeWidth : 브라우저의 가로값 (스크롤바 포함)
  • 09. 브라우저 속성 : window.outeHeight : 브라우저의 높이값 (스크롤바 포함)
  • 09. 브라우저 속성 : window.screen.width : 모니터 가로값
  • 09. 브라우저 속성 : window.screen.height : 모니터 세로값
  • 09. 브라우저 속성 : window.pageXOffset : 가로 스크롤값 (브라우저 기준)
  • 09. 브라우저 속성 : window.pageYOffset : 세로 스크롤값 (브라우저 기준)
  • 09. 브라우저 속성 : window.scrollX : 세로 스크롤값 (브라우저 기준)
  • 09. 브라우저 속성 : window.scrollY : 세로 스크롤값 (브라우저 기준)
  • 09. 브라우저 메서드 : window.scroll() : 스크롤값 설정
  • 09. 브라우저 메서드 : window.scrollTo() : 스크롤값 설정 (절대값 기준)
  • 09. 브라우저 메서드 : window.scrollBy() : 스크롤값 설정 (상대값 기준)
  • 09. 요소 속성 : window.scrollLeft() : 가로 스크롤값
  • 09. 요소 속성 : window.scrollTop() : 세로 스크롤값
  • 09. 요소 메서드 : window.scrollintoview() : 스크롤 이동 및 설정

위치 및 크기를 표현하는 속성 메서드

width: 400px
margin: 20px
border: 1px
padding: 20px

여기에 결과값이 표시됩니다.

박스의 가로값(clientWidth)을 구합니다. 박스의 세로값(clientHeight)을 구합니다. 박스의 X값(clientTop)을 구합니다. 박스의 Y값(clientLeft)을 구합니다. 박스의 세로값(offsetWidth)을 구합니다. 박스의 세로값(offsetHeight)을 구합니다. 박스의 세로값(offsetTop)을 구합니다. 박스의 세로값(offsetLeft)을 구합니다. 박스의 세로값(getBoundingClientRect)을 구합니다.
wjsqhdus971007@gmail.com