IT/JavaScript27 다차원 배열 다차원 배열 의 구현 : 배열안에 배열을 넣어서 구현 1 2 3 4 5 6 var arr2D = [ [1,2,3,4,5], //arr2D[0] [1,2,3,4,5], //arr2D[1] [1,2,3,4,5], //arr2D[2] [1,2,3,4,5], //arr2D[3] ]; 1 2 3 4 //2차원 배열 arr2D의 모든 요소를 콘솔에 출력 for(i =0; i 2019. 6. 13. 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 ··· 3 4 5 6 7 다음
