[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript

웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면

HTML, CSS, JavaScript 를 들 수 있겠다.

HTML 은 Contents 를 표현하는데 사용되고,

CSS 는 Visual 을 담당하고

JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다.

<!doctype html>

<html>

<head>

<title>Hello World</title>

<style>

h1{ font-size:14px; color:hotpink; }

button{ color:red; }

</style>

</head>

<body>

<h1>Hello World</h1>

<button>Click Me!</button>

<button>Click Me2!</button>

var button = document.querySelector( "button" );

button.addEventListener( "click", function( event ){

alert( "Hello" );

}, false );

</script>

</body>

</html>

* querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다.

* addEventListener 의 parameter 들은 eventName, function, useCapture 이다.

이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작동한다.

[JavaScript/Tutorial] Type 에 대한 기본 정보. ( Object, Array, Function, Type check ) (0)	2013.05.12
[JavaScript/Tutorial] JavaScript 코드 위치에 대한 주의사항. (0)	2013.05.11
[DOM/Tutorial] DOM 의 event flow. ( Capture, Bubble ) (0)	2013.05.08
[jQuery/Tutorial] Callback 을 잘 사용해보자. (0)	2013.05.08
[jQuery/Tutorial] CSS 에서 정의한 class 적용하기 & Effect 주기. (0)	2013.05.08

돼지왕 왕돼지 놀이터