티스토리 뷰
[java스터디]자바 스크립트- 02자바 스크립트 기본문법
// 자바 스크립트 기초문법
1.선언문 - 스크립트 영역을 선언하는것.
선언문 시작하는곳부터 종료된곳까지 스크립트영역이라고 보면 된다.
기본 문법
|
<script type = "text/javascript">
자바 스크립트 실행문;
//한줄 주석
/*여러줄 주석*/
</script> //종료태그 있음/!
|
2. 내부 스크립트 분리하기 - html 내부에 작성된 자바 스크립트는 마지막에 외부로 분리하는작업을 해야함.
->장점: 자바 스크립트 소스를 찾기 쉽다, 누군가가 소스를 손상시킬염려도 없다., 관리가 쉽다.
기본 문법
|
<head>
<script type = "text/javascript" src="b.js">
//한줄 주석
/*여러줄 주석*/
</script> //종료태그 있음/!
</head>
|
|
document.write("환영합니다.");
|
3.코드 입력시 주의점
-대소문자 가려서 써야된다.!!
-실행문 마치고 나서는 세미콜론!
4. 실행문은 되도록 한줄에 하나씩
5.쌍타옴표 곂침오류방지
document.write("책에 \" 자바스크립트는 대소문자를 가려야한다. \" 라고 나와있다."); |
이와같이 역슬래쉬를 써서 곂침오류 방지가능.
6.실행문 작성시 { } ( ) 중괄호와 소괄호 짝을 맞추어야함
7. 사용자가 마우스가 없을때도 키보드로 접근이 가능하도록 키보드 접근성을 고려해코딩해야함
//자바스크립트 변수
1. 변하는 값을 저장할수 있는 메모리 공간
기본문법
|
var 변수명;
var 변수명=값;
|
2. 변수에 저장할수 있는 데이터형
string, number, boolean, null& undefined.
string - 쌍따옴표가 감싸고 있다.
|
var s="javascript";
var t="100";
vat u = "<h1> String</h1>;
|
number
| var s = 100; |
boolean -true false로 표현되는 논리값
|
var s = true;
var t = 10>=100; //false;
var u = boolean("text"); //true; 문자영 데이터 값이 들어가면 트루값 반환
|
null & undefined
|
var s; //언디파인드
var t = null; //null
|
3.변수 선언시 주의사항
-> 변수명 첫글자는 $(달러기호) , _ (언더바) , 영문자 만 올수 있다.
->변수명 첫글자 다음은 영문자,숫자,$(달러기호) , _ (언더바) ,만 올수있다.
->예약어 로는 변수선언불가
->되도록 의미에 부여해 작성하는게좋다.
->대소문자 구분!
|
var num-10; document.write(Num); x
var num-10; document.write(num); o
|
//자바 스크립트 연산자의종류와 사용법
1.연산자의 정의 : 프로그래밍 계산 작업
2.연산자의 종류
->산술 연산자(이항연산자) +,-,*,/,%
->문자결합 연산자 - 피연산자가 문자형 데이터! 여러개의 문자를 하나의 문자로 결합시 쓰임
|
문자형 데이터+문자형 데이터 = 하나의 합쳐진 문자형데이터
문자형 데이터+숫자형 데이터 = 하나의 합쳐진 문자형데이터
|
->대입연산자
- a=b a=ba+=b a=a+ba*=b a=a*ba/=b a=a/ba-=b a=a-b
->증감 연산자
a++;
b--;
->비교연산자
| > | < | <= |
| >= | == | != |
| === (데이터 타입과 값이 모두같다) | !=== (데이터 타입또는 값이 다르다) |
10 == "10"
10 !== "10"
|
->논리 연산자
||
&&
!
->삼항 조건 연산자
|
조건식? 실행문1: 실행문2;
조건이 true면 실행문1, false면 실행문2
|
'프로그래밍,PLC,계장' 카테고리의 다른 글
| [java스터디]자바 스크립트- 04 객체 (0) | 2015.04.03 |
|---|---|
| [java스터디]자바 스크립트- 03자바 스크립트 제어문 (0) | 2015.04.03 |
| [java스터디]자바 스크립트- 01총론 (0) | 2015.04.03 |
| [java 스터디]자바 예제, java 200제 (0) | 2015.04.01 |
| [java 스터디]warpper class (0) | 2015.03.31 |
댓글