1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> /* CSS영역 */ </style> <script type="text/javascript"> //자바스크립트 영역, 임베디드 /* 자바스크립트 영역 */ alert("어서오세요~"); /* 임베디드 */ </script> <script type="text/javascript" src="ex01.js"></script> <!-- 외부 파일 --> </head> <body> <!-- Webcontent/Javascript/ex01.htm --> <!-- 클라이언트 사이드 언어 1. HTML : 페이지 작성 (골격 + 데이터) 2. CSS : 서식 작성(1번을 기반으로,.) 3. Javascript : 프로그램 작성 (1번 + 2번을 기반으로.,) 자바스크립트 - 브라우저에서 돌아가는 프로그래밍 언어(HTML 문서 기반) - 자바스크립트 코어 + 웹 - 가볍다. 쉽다. - Livescript -> Javascript -> 표준 -> ECMAScript(공식) -> JScript 자바스크립트로 무엇을 하는지? 1. 기본적인 언어로서 할 수 있는 일(데이터 연산, 가공.,) 2. 웹페이지와 관련된 일 a. HTML 태그 생성 b. HTML 태그 수정 c. HTML 태그 삭제 d. HTML 태그 읽기 e. HTML 속성 조작 f. HTML 텍스트 조작 ---------------- HTML 문서 조작 g. CSS 조작 자바스크립트 적용 방법 1. 인라인 - onXXX 속성을 사용 - onclick = "자바스크립트 구문" 2. Embeded - <head> 안에서 구현 - <script> 제공 3. External, 외부 - *.js 독립파일 생성 - <script> 참조 --> <div onclick="alert('길동아~~~~')" style="">홍길동</div> <!-- 인라인 --> </body> </html> | cs |
1 2 3 4 5 6 | /** * ex01.js */ alert("외부 파일~"); | cs |
'WEB > JS' 카테고리의 다른 글
| 문자열 / 길이 / 검색 / 치환 / 벼환 / 분할 / 추출 / 제어문 (0) | 2016.01.22 |
|---|---|
| 함수 (0) | 2016.01.22 |
| 기본 문법 var (0) | 2016.01.22 |
| 출력하기 - alert(); / html element / console.log(); (0) | 2016.01.22 |
| 자바스크립트가 실행되는 순서 (0) | 2016.01.22 |