IT Study/Web

[JavaScript] 기본 문법

도뿌리 2018. 8. 6. 14:18
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


저작자표시 비영리 동일조건