JavaScript2_정리
1. 자바스크립트로 태그 선택하기
2. 유사 배열이란?
: 배열과 유사한 객체 ex)HTMLCollection, NodeList, DOMTokenList, ...
🔹특징
- 숫자 형태의 indexing이 가능하다.
- length 프로퍼티가 있다.
- 배열의 기본 메소드를 사용할 수 없다.
- Array.isArray(유사배열)의 리턴값은 false다.
3. 이벤트, 이벤트 핸들링, 이벤트 핸들러
🔹이벤트: 웹 페이지에서 발생하는 대부분의 일(사건)들
ex)버튼 클릭, 스크롤, 키보드 입력, ...
🔹이벤트 핸들링: 자바스크립트를 통해 이벤트를 다루는 일
🔹이벤트 핸들러: 이벤트가 발생했을 때 일어나야하는 구체적인 동작들을 표현한 코드. 이벤트 리스너(Event Listner)라고도 부른다.
4. 이벤트 핸들러를 등록하는 2가지 방법.
4-1. 자바스크립트로 해당 DOM 객체의 onclick 프로퍼티에 등록하기
const btn = document.querySelector('#myBtn'); btn.onclick = function() { console.log('Hello Codeit!'); };
4-2. HTML 태그의 onclick 속성에 바로 표시하기//-->비추천
<button id="myBtn" onclick="console.log('Hello Codeit!')">클릭!</button>
Author And Source
이 문제에 관하여(JavaScript2_정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kimhyesu-_-/JavaScript2정리저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)