반응형
*JavaScript
-
객체 기반 언어
-
출력
-
dovument.write("메세지"); //html<body>출력
-
alter("경고창");
-
console.log("출력");
-
Variable(변수)
-
프로그램에서 필요한 값을 일시적으로 저장하기 위해 사용
-
데이터형을 개발자가 지정할 수 있다.
-
=>데이터형의 결정은 값이 할당 될 때 (동적할당)
-
전역변수, 지역변수 2가지로 구분
-
<<위치가 아니라 어떻게 만들었냐에 따라 나누어짐-전역은 어디서 만들든 어디에서든 사용가능>>
-
전역변수 : 어디에서든 사용가능=>변수명=값; //반드시 초기화를 해야한다.
-
지역변수 : 함수 안에서만 사용=>var 변수명; //어디에서만든던 지역변수
-
문법)
-
지역변수
-
1.선언 : var 변수명;
-
2.값할당 : 변수명=값;
-
3.값사용 : 출력,연산,재할당 (3가지중하나는 반드시 해야되고 아무것도 하지않으면 존재의 의미가 x)
-
ex)
-
var name;
-
name="윤";//하면 String이구나
-
name=11;//하면 나는 int구나 함 =>뭘넣던 다넣을수 있다=>동적할당
-
//혼란을 막기위해 다 넣어지지만 통일하여 넣어준다.
-
전역변수
-
1.선언+값할당(하지않으면 Error) : 변수명=값;
-
2.값할당 : 변수명=값; //어디서 만들어졌는지 찾기 어려울수 있다.
-
3.값사용 : 출력,연산,재할당 셋중하나 반드시.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>변수 사용</title>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/html_prj/common/main_v190130.css"/>
<style type="text/css">
#wrap{margin:0px auto;width:800px; height:860px;}
#header{width:800px; height:140px; background:#FFFFFF url(http://localhost:8080/html_prj/common/images/header_bg.png) repeat-x;
position: relative; }
#headerTitle{font-family: HY견고딕,고딕; font-size:35px; font-weight:bold; text-align:center;
/* padding-top: 35px */ position:absolute; top:40px; left:290px; }
#container{width:800px; height:600px; }
#footer{width:800px; height:120px; }
#footerTitle{float: right; font-size:15px; padding-top:20px; padding-right:20px; }
</style>
<script type="text/javascript">
//지역변수
//1.변수의 선언
var name;
//2.값 할당 : 데이터형 결정
name="윤";
//3.값 사용
console.log("이름 "+name+"님 새해 복 많이 받으세요.");
//2.값 할당 : 데이터형 결정
name=31.2;
//3.값 사용
console.log("나이 "+name+"세.");
//2.값 할당 : 데이터형 결정
name=false
//3.값 사용
console.log(name);//혼란을 야기해 이렇게 쓰지는 않는다.
//전역변수
//1.선언과 함께 값 할당을 한다.
age=31;//어디가 선언이고 값할당인지 헷깔려 지역을 선호한다
//2.값 할당
age=31.2;
//3.값 사용
alert("전역 변수 : "+age);
//무슨차일까? 함수안에 들어가 지면 반드시 차이남.
function test(){
//지역
var addr="경상북도 대프리카";
//전역
addr1="서울시 강남구 역삼동";
}
test();
//alert("지역 : "+addr);//지역변수는 함수 외부에서 사용할 수 없다.
alert("전역 : "+addr1);//전역변수는 함수 외부에서 사용할 수 있다.
</script>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="headerTitle">SIST Class4</div>
</div>
<div id="container">
</div>
<div id="footer">
<div id="footerTitle">copyright© all right reserved. class 4.</div>
</div>
</div>
</body>
</html>
반응형
'국비지원학원 > HTML,JavaScript,jQ' 카테고리의 다른 글
| 74일차-JavaScript_제어문과 배열(2차원 배열) (0) | 2019.02.13 |
|---|---|
| 73일차-JavaScript (0) | 2019.02.12 |
| 71일차-CSS,JavaScript (0) | 2019.02.01 |
| 70일차-CSS_정렬,디자인,배치 (0) | 2019.01.31 |
| 69일차-CSS (0) | 2019.01.30 |