Language/JavaScript(ES6) (48) 썸네일형 리스트형 [JavaScript]DOM TREE [Javascript]HtmlElement의 리턴값 그리고 constructor var what = document.getElementById('tistoryHead');에서console.log(what) 시 CDN CDN(Contents Delivery Network) 파일을 설치 할 필요 없이 를 통해서 라이브러리를 사용하는 방법 for 문 1. for(var i = 0 ; i < a ; i++){}일반적인 for문 첫번째는 변수를 선언 및 할당 두번째는 조건문 세번째는 증감 2.for( a in object){} 첫번째는 변수 선언 및 할당두번째는 객체(속성과 속성값이 있는) 혹은 행렬 var obj = {x:10, y:11, z:12};for (property in obj){ console.log("name: " + property + "; value: " + obj[property]);}위 코드를 실행한 결과는 다음과 같다.name: x; value: 10name: y; value: 11name: z; value: 12배열에 대한 for...in 문 예제배열에 대한 for...in 문 예제는 다음과 같다.var array = [10,1.. [JavaScript] 제어 대상 찾기 DOM객체의 제어대상을 찾는 방법은 다음과 같다. 일단 window객체의 속성인 document프로퍼티를 이용한다. 총 다섯 가지 방법이 있다. 1.document.getElementsByTagName(태그네임) 태그를 통해서 찾는다.이때 리턴된 값은 유사행렬로 값이 나타나서 변수[0] 와 같은 형식으로 불러올 수 있다. 2.document.getElementsByClassName(클래스명) 클래스명을 통해 찾는다.리턴된 값은 유사행렬이다. 3.document.getElementById(아이디) 아이디로 찾는다.위 1,2번과의 다른점은 id값은 고유한 값이기 때문에 여러 값이 나올 수 없다.(메소드 명도 Element(단수)이다.) 고로 행렬방식으로 불러올 필요가 없다. 4.document.querySe.. [Javascript]window객체 window객체는 전역객체이다. 예를 들어 a = 1 이라는 코드를 작성했을 때, 사실은window객체에 a라는 변수를 선언하고 값을 할당 한 것임. 고로 window.a = 1과 같은 의미를 가짐 그리고 윈도우 객체의 메소드 중에는 alertconfirmpromptopen 등이 있다.confirm : Yes No를 선택할 수 있는 경고 창을 두어 True 혹은 False값을 리턴 한다.예시 confirm(Do you want?); prompt : 입력 값을 받는다. 그리고 그 입력 값을 리턴 한다. 예시prompt("아이디가 무엇인가요?"); open : 새로운 문서를 연다.window.open('문서.html', ); 새창에 문서를 연다window.open('문서.html','_self');기존의 창.. [JavaScript]BOM객체 BOM(Browser Object Model) 말 그대로 브라우저 객체 모델 BOM객체 중에는 Location객체 Navigation객체가 있다. 이런 용도로 사용 되는데, Locaiton객체 1. console.log(location.toString()); location객체의 문자열을 콘솔창에 리턴한다.결과값으로는 작업하고 있는 URL 주소를 출력한다. 2. console.log(location.href); location객체의 href(주소)를 콘솔창에 리턴한다.결과값으로는 작업하고 있는 URL 주소를 출력한다. 3. console.log(location.toString(),location.href);1과 2를 동시에 출력하려면 다음과 같이 실행한다. 4. console.log(location);객.. [JavaScript] Object Model 왜 Object Model을 알아야 하는가? 아래의 HTML 코드를 보자 ... 이전 1 ··· 3 4 5 6 다음
