IT 수업 8주차 (1) JS기본 1

 

 

 

html - 구조 만들때 사용
css - 스타일링 할 때 사용
javascript - all + 동적인 기능 사용(이벤트 처리...)

 

 

 

 

 

● '\n' 은 escape 문자로 enter역할 한다.

 

 

 

- 버튼 01 눌렀을 때

 

- 버튼 02 눌렀을 때

 

- 버튼03 눌렀을 때

 

 

● 그냥 a태그 안에 alert하면 작동이 되지 않기 때문에 javascript : alert으로 해주면 된다.
● void(0)는 아무것도 하지말라는 의미로 작업할 시 기본 설정이다. 

 

 

F12 눌러 콘솔창을 띄우고 버튼 3번을 클릭했을 때 콘솔창에 obj의 값이 띄워진다.

 

 

 

 

 

< THIS >

 

 

● <button onclick="console.log(this)">버튼01</button>

 

 

● <a href="javascript:console.log(this)">버튼02</a> 는

   window 객체 자체를 줌

 

 

● <a href="" onclick="console.log(this)">버튼03</a> 는
   새로고침 됨 (잠깐 뭐가 떳다가 사라지듯이 없어짐)

 

 

 

● <a href="javascript:void(0)" onclick="console.log(this)">버튼04</a>
이렇게 하면 버튼02와 똑같이 새로고침 되지않고 버튼에 대한 정보가 나오게 된다.