복리의 마법사

분류 전체보기 (912)

[자바스크립트] DOM 제어 대상 찾기 / document.getElementById / document.getElementsByTagName 등등

카테고리 없음 복리의 마법사 2017. 9. 5. 16:57

[자바스크립트] DOM 제어 대상 찾기 Dom = Document object model. 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미 window 객체의 document 프로퍼티를 통해서 사용 가능. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용 document.getElementsByTagName 사용예시 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러가지가 있다. getElementsByTagName은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환한다. NodeList는 배열은 아니지만 length와 배열접..

더 읽기

[자바스크립트] 네비게이터 객체 / navigator 객체 / 크로스 브라우징 이슈

카테고리 없음 복리의 마법사 2017. 9. 5. 15:54

[자바스크립트] 네비게이터 객체 / navigator 객체 / 크로스 브라우징 이슈 브라우저의 정보를 제공하는 객체다. 주로 호환성 문제등을 위해서 사용한다 크로스 브라우징 이슈: 브라우징마다 다르게 동작하는 이슈 / 웹표준이 정착하기 이전까지는 navigator 객체를 많이 사용했었다. console.dir(navigator.appName); 웹브라우저의 이름을 알수가 있다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은 Nescape로 표시. console.dir(navigator.appVersion); 브라우저의 버전 console.dir(navigator.userAgent); 브라우저가 서버측으로 전송하는 USER-AGENT HTTP 헤더의 내용이다. appVer..

더 읽기

[자바스크립트] location 객체 사용예시

카테고리 없음 복리의 마법사 2017. 9. 5. 15:31

[자바스크립트] location 객체 사용예시 현재 문서를 http://naver.com으로 이동 location.href = 'http://naver.com';location = 'http://naver.com'; 현재 문서를 리로드하는 간편한 방법location.reload(); 아래는 현재 윈도우의 문서가 위치하는 URL을 알아내는 방법이다.console.log(location.toString(), location.href); location 객체는 URL을 의미에 따라서 별도의 프로퍼티로 제공하고 있다. console.log(location.protocol, location.host, location.port, location.pathname, location.search, location.has..

더 읽기

[자바스크립트 요약정리] window 객체 / DOM / BOM / javascript

카테고리 없음 복리의 마법사 2017. 9. 5. 12:34

[자바스크립트 요약정리] window 객체 / DOM / BOM / javascript 웹브라우저의 구성요소들은 하나하나가 객체화. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어. * BOM Browser Object Model. 웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화 * DOM Document Object Model. 웹페이지의 내용을 제어

더 읽기

[자바스크립트 요약정리] confirm / prompt 사용예시

카테고리 없음 복리의 마법사 2017. 9. 5. 12:30

confirm은 확인을 누르면 true, 취소를 누르면 false가 반환되는 객체123456789101112131415 function func_confirm(){ if(confirm('ok?')){ alert('ok'); } else { alert('cancel'); } } prompt는 사용자 입력을 받아 입력값을 반환하는 객체 function func_prompt(){ if(prompt('id?') === 'egoing'){ alert('welcome'); } else { alert('fail'); } }

더 읽기

[CSS 요약정리] display와 visibility 차이점

카테고리 없음 복리의 마법사 2017. 9. 4. 21:32

[CSS 요약정리] display와 visibility 차이점 display:none; => 모두 안보이게 함visibility:hidden => HTML 요소를 출력만 안할 뿐이지 공간은 남아있다.

더 읽기

[자바스크립트] window.onload = function()

카테고리 없음 복리의 마법사 2017. 9. 4. 21:03

[자바스크립트] window.onload = function() window.onload = function(){ var hw = document.getElementById('hw'); hw.addEventListener('click', function(){ alert('Hello world'); })} window.onload = function(){} 함수는 웹브라우저의 모든 구성요소에 대한 로드가 끝났을 때 브라우저에 의해서 호출되는 함수

더 읽기

[자바스크립트 요약정리]객체에는 객체를 담을수도 있고, 함수도 담을 수 있다.

카테고리 없음 복리의 마법사 2017. 9. 4. 20:30

[자바스크립트 요약정리]객체에는 객체를 담을수도 있고, 함수도 담을 수 있다. var grades = { 'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80}, 'show' : function(){ for(var name in this.list){ document.write(name+':'+this.list[name]+" "); } }};grades.show(); this -> 함수를 담고 있는 객체를 뜻한다.(여기에선 grades)

더 읽기

Copyright © 복리의 마법사 All Rights Reserved

Designed by JB FACTORY

티스토리툴바