JavaScript기초 (4) 썸네일형 리스트형 [Javascript] Document 객체 - Documnet 객체 Document 객체는 웹 페이지 그 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 한다. - Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다. HTML 요소의 선택 HTML 요소의 생성 HTML 이벤트 핸들러 추가 HTML 객체의 선택 - HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다. -HTML 요소의 생성 새로운 HTML 요소를 생성하기 위해 제공되는 메소드는 다음과 같다. - HTML 이벤트 핸들러 추가 HTML 요소에 이벤트 핸들러를 추가하기 위해 제공되는 메소드는 다음과 같다. 출처 http://tcps.. [Javascript] DOM 개념 - 문서 객체 모델( DOM ) 이란? DOM( Document Object Model )은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요스를 정의하고, 각각의 요소에 접근하는 장법을 제공한다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다. 새로운 HTML 요소나 속성을 추가할 수 있다. 존재하는 HTML 요소나 속성을 제거할 수 있다. HTML 문서의 모든 HTML 요소를 변경할 수 있다. HTML 문서의 모든 HTML 속성을 변경할 수 있다. HTML 문서의 모든 CSS 스타일을 변경할 수 있다. HTML 문서에 새로운 HTML 이벤트를.. [Javascript] Javascript 인코딩 인코딩은 정보의 형태가 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 혹은 그 처리 방식을 말한다. 즉, 컴퓨터가 이해할 수 있는 형식으로 바꾸어 주는 것이다. - Javascript 인코딩 함수 ※ escape(),unescape() 함수는 자바스크립트 1.5버전부터 더는 지원하지 않으므로, encodeURI(),decodeURI() 함수나 encodeURIComponent(), decodeURIComponent() 함수를 대신 사용해야 합니다. 1. escaepe(), unescape() 전달받은 문자열에서 특정 문자들을 16진법 이스케이프 시퀀스 문자로 변환한다. escape('https://freewebdev.tistory.com/게시판/.. [Javascript] 함수 호이스팅( hoisting ) 자바스크립트에서 함수의 유효 범위라는 것은 함수 안에서 선언된 모든 변수는 함수 전체에 걸쳐 유효하다는 의미입니다. 그런데 이 유효 범위의 적용이 변수가 선언되기 전에도 똑같이 적용됩니다. 이러한 자바스크립트의 특징을 함수 호이스팅( hoisting )이라고 합니다. 즉, 자바스크립트 함수 안에 있는 모든 변수의 선언은 함수의 맨 처음으로 이동된 것처럼 동작합니다. - 예제 var globalNum = 10; // globalNum을 전역 변수로 선언함. function printNum() { document.write("지역 변수 globalNum 선언 전의 globalNum의 값은 " + globalNum + "입니다. "); // ① var globalNum = 20; // globalNum을 지역.. 이전 1 다음
