javascript (2) 썸네일형 리스트형 window.scrollY? . 네이버 페이지를 예로 들겠습니다. window.scrollY 는 빨간줄이 그어진 부분을 기준으로 페이지 전체 스크롤중에 어디에 위치하는지 숫자로 나타내주는 객체 입니다 조금 아래로 스크롤을 내리고 다시 객체를 호출 해보면 현재의 위치가 0에서 900으로 변한 것을 알 수 있습니다. 다음으로 알아볼 객체는 window.document.documentElement.clientHeight 입니다. 이미지의를 보면 위의 빨간줄(브라우저 최상단)과 아래의 빨간줄(브라우저 최하단) 사이의 총 거리가 window.document.documentElement.clientHeight 입니다. F12 개발자 모드에서 객체를 호출해 보면 919라는 값이 나오는데요 이 값은 페이지 스크롤 어느 부분에서 호출해도 919 고.. [javascript] this? javascript에서 this는 기본적으로 window객체를 말한다. 하지만 this는 어떻게 호출되느냐에 따라 window가 아닌 경우가 있다. 1. ex) obj.func() 처럼 객체.(점) 형태로 호출되었을 경우에는 this가 점 앞에있는 객체를 가리킨다. 2. new 를 사용했을때 this는 객체 자기자신을 뜻한다. 3. ex) func.bind({ name: ??? })() (bind함수는 선언까지만 해주기때문에 맨 뒤에 ()를 붙여주어야 호출이 같이 된다.) ex) func.apply({ name: ??? }) ex) func.call({ name: ??? }) 위처럼 호출했을때 객체 리터럴 안에 있는 내용이 this의 내용이 된다. 4. ???.addEventListener의 callba.. 이전 1 다음
