JavaScript/위치 프로퍼티와 메서드 검색 결과

해당 글 4건

window ,document offset (프로퍼티와 메소드)

Window 객체의 위치 프로퍼티와 메소드 window객체는 BOM(Browser Object Model)객체의 최상위 객체로서 웹페이지가 열려 있을때의 window창과 관련된 위치 및 크기와 관련된 프로퍼티와 메소드를 알아보자. 프로퍼티 / 메소드 내 용 innerWidth, innerHeight 메뉴바, 툴바, 스크롤바의 크기를 제외한 window의 넓이와 높이 outerWidth, outerHeight 메뉴바, 툴바, 스크롤바의 크기를 포함한 window의 넓이와 높이 pageXOffset, pageYOffset 윈도우창에서 스크롤이 있는 페이지라면 스크롤된 x, y 좌표값 screenLeft, screenTop window창이 screen(0,0)인 좌표에서 떨어진 브라우저의 상단 모서리인 x, ..
JavaScript/위치 프로퍼티와 메서드 2016. 9. 30. 17:09

jQuery position, offset(위치 프로퍼티와 메소드)

jQuery 에서 제공하는 엘리먼트의 위치, 크기와 관련된 프로퍼티와 메소드 jQuery에서 제공되는 프로퍼티와 메소드는 다른 객체의 위치 프로퍼티와 메소드와 거의 비슷하지만 [ 자바스크립트 DOM 프로퍼티/메소드 > jQuery 프로퍼티/메소드] 인 부등호의 관계를 보면 알 수 있듯이 자바스크립트 DOM 프로퍼티/메소드를 필히 알아야 할 필요성이 있다. jQuery 프로퍼티/메소드 내 용 offsetParent() - offsetLeft, offsetTop 의 기준이 될 부모 엘리먼트 (동적 위치인 경우는 동적위치가 적용된 상위(부모) 엘리먼트) offset().left, offset().top - Documet를 기준으로 한 엘리먼트의 위치 값 position().left, positon().top ..
JavaScript/위치 프로퍼티와 메서드 2016. 9. 30. 16:59

Screen 객체와 MouseEvent객체의 위치 프로퍼티와 메소드

Screen 객체의 위치 프로퍼티와 메소드 아래 표의 프로퍼티 중에 width, height 인 프로퍼티는 현재 자신의 모니터 해상도를 기준으로 하고, availWidth, availHeight는 운영체제의 작업표시줄 영역의 크기를 뺀 크기이다. 프로퍼티 / 메소드 내용 screen.width, screen.height - 모니터(screen)해상도의 전체 넓이와 높이(작업표시줄 포함) screen.availWidth, screen.availHeight - 작업 표시줄이 포함되지 않은 모니터 해상도의 넓이와 높이 MouseEvent 객체의 위치 프로퍼티와 메소드 MS IE 에서는 아래의 표 중 클릭한 지역 위치가 담긴 offsetX, offsetY 프로퍼티를 제공하지만 비표준입니다. ( 단, 파이어폭스에..
JavaScript/위치 프로퍼티와 메서드 2015. 3. 16. 16:18

HTML Element 객체에서 제공하는 크기 및 위치 프로퍼티와 메소드

HTML Element 객체 HTML Element 겍체는 다섯 객체(window객체, document객체, html element객체,screen객체, mouseEvent객체)중에 위치 및 크기와 관련된 프로퍼티와 메소드를 가장 많이 포함한 객체이며 브라우저 화면에 보이는 대부분의 객체는 HTMLElement객체를 상속받았기 때문에 동적으로 요소를 움직여야 하는 경우 대부분이 이 객체의 프로퍼티와 메소드를 사용한다. 그룹 프로퍼티 / 메소드 내용 offset 그룹 offsetParent - offsetLeft, offsetTop의 기준이 되는 부모 엘리먼트 offsetWidth, offsetHeight - 해당 엘리먼트의 너비와 높이 ( 보더, 패딩, 스크롤바 포함 단, 마진은 제외) offsetLef..
JavaScript/위치 프로퍼티와 메서드 2015. 3. 16. 15:01