moonday

더보기 - 요소 선택 (JS는 getElementById, class,,등 많음/ Jquery는 아래 모습 하나로 통일가능) $('선택자') $('#btn') - 이벤트 등록 1. $('선택자').이벤트명(function(){ }); 2. $('선택자').on('이벤트명', function(){ }); 더보기 - body태그 안에 있는 요소 배치가 완료 후, 이벤트 등록 - 자바스크립트 : load이벤트는 1번만 써야한다. 2개있어도 1개만 실행됨 - JQuery는 ready나 function은 갯수 상관없이 모두 적용됨 - 자바스크립트 window.addEventListener('load',function(){ }); - JQuery1 $(document).ready(function(){ }); - J..

/* - 버튼 두개를 만들고, 버튼1을 클릭하면 시작이라는 알림창이, 버튼2를 클릭하면 종료라는 알림창이 뜨도록 코드를 작성하세요. */ 버튼1 버튼2 onclick

더보기 /* - window 객체 - 웹 브라우저에 대한 전반적인 정보 취득이나 제어와 관련된 객체 - location객체, screen객체, history객체, navigator객체, document객체로 구성 - window 객체의 메소드들은 앞에 window.을 생략할 수 있다. - 메소드 - open() : 새로운 윈도우를 만들어 주는 메소드 open('주소', '윈도우 이름', '옵션=값, 옵션=값, ...'); - 옵션 - width : 가로 - height : 세로 - left : 새 윈도우의 시작 위치 x좌표(화면을 기준으로 얼마나 떨어져있는지) - top : 새 윈도우의 시작위치 y좌표 - location : yes/no, 주소창을 보여줄지 말지 - scrollbar : yes/no, 스..

더보기 /* - 모니터 화면 정보와 관련된 객체 - width : 화면 너비 - height : 화면 높이 - availWidth : 화면에서작업표시줄을 제외한 너비 - availheight : 화면에서작업표시줄을 제외한 높이 - colorDepth : 화면에서 사용 가능한 색상 수 - pixelDepth : 화면의 색상 해상도 */

더보기 /* - navigator 객체 - 브라우저와 관련된 정보를 나타내는 객체 - appCodeName : 브라우저 코드명 - appName : 브라우저명 - appVersion : 브라우저 버전 - platform : 플랫폼명 - userAgent : 브라우저 코드명과 버전 */

더보기 /* - location 객체 - 웹브라우저의 URL과 관련된 객체 - http://localhost:5500/day2/location.객체.html?id=abc123#top (라이브로 확인할때 ?뒤부터끝까지 주소창에 복붙넣어서 콘솔창 확인하기) - hash : 앵커명을 반환, #top - host : 주소의 호스트명과 포트번호를 반환 - http://localhost:5500 - port : 포트번호, 5500 - pathname : 경로명, /day2/location객체.html - href : 주소값 - http://localhost:5500/day2/location.객체.html?id=abc123#top - protocol : 주소의 트로토콜명을 반환, http: - search : 주소의..

더보기 /* - history 객체 - 페이지가 이동한 정보를 관리하는 객체 - 메소드 - back() : 이전 페이지 - forward() : 이후 페이지 - go(n) : n이 양수이면 n번 이후 페이지 , 음수이면 n번 이전 페이지 - 테스트는 브라우저에서 여러 페이지를 방문 후, f12(개발자도구)를 눌러서 console창에 history.back(); 또는 history.forward(); 또는 history.go(2); 등으로 테스트하면 됨 */

더보기 /* - document 객체 - HTML요소들을 선택, 생성, 삭제 등을 위해 사용하는 객체 - 요소 선택 메소드 - getElementById('아이디명') - 아이디가 일치하는 요소 하나를 가져옴(최대하나) - 중복이 불가능해서 element에 s가 붙으면 안됨 - getElementsByClassName('클래스명'); - 클래스명이 일치하는 요소들을 배열로 가져옴 - getElementsByTagName('태그명'); - 태그명이 일치하는 요소들을 가져옴 - getElementsByName('name명'); - 속성 name이 name명과 일치하는 요소들을 배열로 가져옴 - querySelector('선택자'); - 선택자와 일치하는 첫번째 요소를 가져옴(최대하나) - querySelec..

/* 분:초를 출력하는 타이머를 만드는 코드를 콘솔창에 출력하도록 작성하세요. - 00:00 */ 버튼 /* - 시작버튼과 종료버튼을 만들어서, 시작버튼을 누르면 타이머가 시작되고 종료버튼을 누르면 타이머가 종료되도록 코드를 작성하세요. 단, 타이머는 콘솔에 출력 */ 시작 종료

요소선택 예제 클릭