본문 바로가기

전체 글

(84)

[ex27] form(유효성 검사) ex27 화면 http://127.0.0.1:5500/javascript/ex27_form.html 코드 회원 가입 이름 나이 아이디 암호 암호확인

[ex26] 요소(태그)의 이벤트 일괄처리 ex26 http://127.0.0.1:5500/javascript/ex26_event.html 코드 다량의 요소(태그)의 이벤트 (일괄) 처리 \

[ex24~25] 롤오버 이미지, 메세지 박스 ex24 코드 더보기 이미지 ex25 메세지 박스, 대화 상자(Dialog Box) 1. void alert(message); > 메세지 전달용 (확인 버튼만 있음) 2. boolean confirm(message); > (확인, 취소 버튼) ---------------------------------3번은 잘 안씀 3. string prompt(message, value); > 사용자 입력값 반환 코드 더보기

[ex18~22] screen, location, history, collection, link ex18 screen 객체 - window 객체의 자식 - 화면 정보 제공 //현재 보고 있는 화면의 크기 > 모니터 해상도 (배율에 따라 다르게 나옴) console.log(window.screen.availWidth); //1536 console.log(window.screen.availHeight); //824 console.log(window.screen.colorDepth); //24bit color console.log(window.screen.orientation); //ScreenOrientation {anger: 0, type: 'landscape-primary', onchange: null} ex19 location 객체 - window의 자식 - 현재 창의 페이지(URL)와 관련된 조..

[ex17] window ex17 창 제어 window 객체 - BOM 최상위 객체 - 유일 > 브라우저 창을 참조하는 객체 - window 객체 조작 > 브라우저 창 조작 - 열기, 닫기, 이동하기, 사이즈 조절 등.. window.open(); //부모창 > 자식창 생성 window.close(); //자기 스스로 종료 window.open(URL, Name, Options) 1. URL: 새창의 URL 2. Name: 새창 이름 3. Options: 옵션들.. 부모페이지(ex17_window) 더보기 window 객체 창 제어 아이디 자식페이지(ex17_child) - 부모창의 자원에 접근하기 > 부모 페이지의 window 객체가 필요 - opener: 자기 자신을 연 기존 창의 window 객체를 참조 더보기 자식 페이지..

[ex15~16] Attribute, images ex15 JavaScript로 HTML의 속성 제어하기 1. HTML 태그의 대부분의 속성은 JavaScript의 프로퍼티로 제공된다. - HTML: - JavaScript: txt1.size 2. HTML 태그의 속성명 그대로 JavaScript 프로퍼티명으로 사용된다. 3. 대부분 읽기/쓰기 모두 지원한다. 일부 쓰기 or 읽기 전용이 있다. 4. 태그의 식별자 혹은 근본적인 속성은 조작하지 말것!! 5. 플래그 타입의 속성은 boolean으로 조작한다. 6. HTML 속성명이 복합이면 캐멀 표기법으로 작성한다. -readonly(X) > readOnly 7. HTML 속성값이 열거형 or 색상명이면 문자열로 작성한다. JavaScript로 HTML 태그의 속성을 제어하기 화면 더보기

[ex13~14] Mouse Event, Key Event ex13 Mouse Event, 마우스 관련 이벤트 - onmouseXXX 1. onmouseover(= onmouseenter) - 해당 객체의 영역에 마우스(커서)가 진입하는 순간 발생 2. onmouseout(= onmouseleave) - 해당 객체의 영역에 마우스(커서)가 빠져나가는 순간 발생 화면 더보기

[ex11~] BOM, event ex11 CSS : 선택자 > 태그 검색 > 접근 > 서식 조작 JavaScript : 검색도구 > 태그 검색 > 접근 > 태그 조작 HTML 계층 구조 활용 + JavaScript 탐색 1. BOM, Browser Object Model - 초창기 모델 - 현재까지 사용 - 선택적 모델 > 일부 태그만 관리 > 일부 태그만 조작 가능 > 빠진 태그는 조작 불가능 - 이미지, 링크, 폼 태그 이외에는 조작이 불필요하다고 판단. - 태그의 name을 사용해서 접근 - id, class는 인식 불가능 2. DOM, Document Object Model - BOM > 개선한 모델 - 현재까지 계속 사용(주력) - BOM 기반 + 기능 추가 - 모든 태그를 인식 > 모든 태그를 조작 - name, id, cl..

이전 1 2 3 4 5 ··· 11 다음

티스토리툴바