전체 글323 Event Event : HTML의 요소에 어떤 일이 발생하는 것이 'HTML이벤트'이다. Event의 속성 onload : 브라우저가 HTML페이지의 로딩을 마쳤을 때 onclick : 사용자가 HTML요소를 클릭했을 때 onmouseover : 마우스가 HTML 요소의 위에 올라갔을 때 onmouseout : 마우스가 HTML 요소의 위에서 밖으로 벗어났을 때 onkeydown : 사용자가 키보드를 눌렀을 때 onchange : HTML요소가 변경되었을 때 Event모델 : 이벤트가 발생시, 수행될 작업을 작성하는 것을 이벤트처리 라고한다. 문서객체(document object)에 이벤트 처리를 연결하는 방법(이번트 모델) DOM Level 0 기본 이벤트 모델(고전 이벤트 모델) 1 2 3 4 5 6 7 8 .. 2019. 6. 12. DOM(Document Object Model) DOM : 브라우저는 HTML 문서를 읽어서 DOM을 구성한다. 1 2 3 4 5 6 7 8 9 10 11 My title My link My header 메모리에 tree생성하고 이것을 조작한다. 생성된 DOM을 다뤄야 하기에 Script는 HTML 태그가 생성된 이후인 마지막에 넣는것이 효율이 좋다. DOM에서 요소(element)찾는 방법 document.getElementById(id) - id로 찾기 document.getElementByTagName(name) - tag로 찾기 document.getElementsByClassName(name) - class로 찾기 document.querySelectorAll("셀렉터") - CSS selector로 찾기 [참고] document.queryS.. 2019. 6. 12. 함수 함수의 선언 방법 2가지 function 함수이름 (){}; var 함수이름 = function(){}; 1 2 3 4 >function add(x,y){ return x+y;} add(3,5); Colored by Color Scripter test(...arr)은 배열이 하나하나 들어가며, test(arr)은 배열하나에 통째로 들어간다. 2019. 6. 11. 반복문 배열 자바스크립트에서 배열은 타입이 정해져 있지 않는다. 그렇기에 배열 안에 여러가지 타입이 들어간다. 1 2 >var arr = [1, "abc", function(){}, {}]; arr.length; arr[0] arr["length"] 2019. 6. 11. 이전 1 ··· 71 72 73 74 75 76 77 ··· 81 다음
