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 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <!-- Java Script != Java 보조 프로그래밍적인 요소이다. (UI) 컴파일(compile)을 하지 않는다 -> 기계어로 번역하지 않는다. -> 가볍다 UI확인, View간의 이동, 이벤트에 대한 결과 확인 처리, CSS처리 Client언어이다. 예) ID의 글자수를 조사 PW 숫자포함, 기호포함 Timer를 설정해서 특수효과처리를 할 수 있음. 특정 Tag의 값을 추가 하거나, 변경, 삭제 Tag도 추가 및 삭제가 가능하다. Tag명으로 검색이 가능하지만, 대부분 사용하는 id,class -> 변수, 이름 id -> 해당 웹페이지에 1개밖에 없다. -> 일반태그 class -> 해당 웹페이지에서 다수를 설정할 수 있다. -> CSS name -> 웹페이지에서 웹페이지로 데이터를 전송할 경우의 명칭(중복 가능 ex_ radio,checkbox) --> <p id="demo">여기가 P 태그 입니다.</p> <script type="text/javascript"> // 주석문 /* 주석문 */ //alert("Java script 실행"); // 현재문서(웹페이지).요소(태그 id) var pTag = document.getElementById("demo").innerHTML; alert(pTag); console.log("demo = "+pTag); document.getElementById("demo").innerHTML = "변경된 문자열" //pTag = "변경된 문자열" 안됨 </script> </body> </html> | cs |
'IT Study > Web' 카테고리의 다른 글
| [JavaScript] 기본 문법 - 변수(var) (0) | 2018.08.06 |
|---|---|
| [JavaScript] 기본 문법 - 함수 (0) | 2018.08.06 |
| [JavaScript] JavaScript 사진 변환 기본 예제 (0) | 2018.08.06 |
| [HTML] 영상(video) 출력 (0) | 2018.08.06 |
| [HTML] 경도,위도 구하기 (0) | 2018.08.06 |
