DOM(Document Object Model) : 문서 객체 모델이라고 하며 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. ▶ 요소를 추출 하는 메서드 document.getElementById("아이디"); // 아이디에는 중복이 없음으로 요소 한개만 반환한다. document.getElementsByTagName("태그명"); // 동일한 태그명을 찾아서 배열(여러개일 테니까) 에 담아서 반환 한다. document.getElementsByClassName ("클래스명"); // 동일한 클래스명을 찾아서 배열에 담아서 반환한다. ▶ innerHTML 여는 태그와 닫는 태그 사이의 값 여기가 ..

페이지 이동 : 원하는 링크를 첨부하여 페이지를 이동하는 기능을 구현 할 수 있다. location.href : 페이지 그대로의 이동 location.replace() : 현재 페이지에 덮어 씌우는 역할. 이전 페이지로 이동 불가능 window.open() : 새 창으로 페이지를 이동

대화 상자(dialog box) : window 객체는 사용자에게 보여줄 수 있는 간단한 대화 상자를 하기와 같이 제공한다. 원래는 window.대화상자() 이렇게 써야 하는데 window라는 접두사를 생략하고 사용 한다. ① alert("메세지") : alert() 메소드는 입력한 메시지를 보여주고, 그에 대한 사용자가 확인 버튼을 누를 때 까지 기다린다. ② confirm("메세지") : 사용자에게 메시지를 보여주고, 확인은 true, 취소는 false로 그 결과를 boolean 값으로 반환한다. confirm() 메소드 confirm 대화 상자 ③ prompt("메세지") : 사용자에게 메시지를 보여주고, 사용자가 입력한 문자열을 반환한다. prompt

함수(function) : 하나의 특별한 목적을 가진 작업이 수행 되도록 설계된 독립적인 블록을 말한다. 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다. 주로 head에 작성 되고 body에서 필요한 함수를 불러 사용한다. 자바스크립트에서는 함수도 하나의 타입으로 사용 되기에 함수를 변수에 대입하거나, 함수에 파라미터를 지정하는 것도 가능하다. 또한, 자바스크립트는 자바에서 사용하는 문법과 비슷한 점이 많아 반복문, 조건문 등등 자바에서 사용하였던 문법을 사용 해도 좋다. 따라서 자바스크립트 함수는 자바처럼 다른 함수 내에 중첩되어 정의될 수도 있는 점도 기억해두자. 함수는 function 키워드로 시작되며, 하기와 같이 작성 된다. function 함수이름(매개변수1, 파라미터2,..