반응형 js2 자바스크립트 브라우저 사이즈 변경시 가로, 세로 길이 값 가져오는 기능 브라우저 사이즈를 변경할때 resize 이벤트를 사용 window.addEventListener('resize', function() { window.addEventListener('resize', function() { console.log('resize'); }); 스크롤 포함 가로 길이 window.innerWidth; 스크롤 포함 세로 길이 window.innerHeight; 스크롤 제외 가로 길이 document.documentElement.clientWidth; 스크롤 제외 세로 길이 document.documentElement.clientHeight; 예제 코드 예제 확인 wizd100.github.io/example/js-resize1 2020. 12. 22. 브라우저 위치 정보 geolocation 이용한 위도 경도 값 가져오는 기능 개발하기 소개 사용자의 위치 정보인 좌표 위도, 경도 값이 필요할 때(지도 api, 현재 위치 날씨 등)가 있는데 그때 사용하는 기능을 소개합니다. 준비 https 도메인이 필요합니다 (developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only?hl=ko) 대부분의 브라우저에서 지원을 합니다 코드 시작시 위치 정보를 가져오는 코드 window.onload = function() { var startPos; var geoSuccess = function(position) { startPos = position; document.getElementById('startLat').innerHTML = startPos.coords.latitu.. 2020. 12. 21. 이전 1 다음 반응형