달리는 자동차

JavaScript 정리1 본문

JavaScript,JQUERY/JavaScript

JavaScript 정리1

@또또 2020. 8. 22. 18:49
더보기

자바스크립트 란?

웹을 풍부하게 만들어주는 작고 가벼운 언어로 웹문서를 동적으로 꾸밀때 가장 널리 쓰인다.

HTML5, CSS3이 나오기 전 자바스크립트를 이용하여 다양한 효과를 구현했다.

특징

  1. 자바스크립트는 객체기반의 언어이다. 하지만 상속과 클래스라는 개념은 없다.(야호)
  2. 자바스크립트는 인터프리터 언어로 클라이언트의 웹 브라우저에 의해 해석되고 실행된다.
  3. 자바스크립트는 HTML에 연산 제어 등 프로그래밍적인 요소를 추가하고 클라이언트의 자원을 활용할 수 있게 한다.
  4. 자바스크립트의 기본 문서는 HTML의 head태그 안에서 사용한다.

형태

<!DOCTYPE html>
<html>
<head>
</head>
<meta charset="utf-8"/>
<title>자바스크립트 시작</title>
<script>
//이곳에 자바스크립트 소스를 넣는다.
</script>
<body>
</body>
</html>

출력문 document.write( );

<!--문자열 출력 : " " -->

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트시작</title>
<script>
document.write("Hello World");
</script>
</head>
<body>
</body>
</html>

<!--숫자출력 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트시작</title>
<script>
document.write(30);
</script>
</head>
<body>
</body>
</html>

<!--사칙연산-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트 시작</title>
<script>
document.write(30+40);
document.write("<br/>");
document.write(30/2);
document.write("<br/>");	//태그를 넣을때도 큰 따옴표 사이에 넣는다. 
</script>
</head>
<body>
</body>

<!--문자열의 연결 : + -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트의 시작</title>
<script>
	document.write("Mickey"+"Mouse");
</script>
</head>
<body>
</body>
</html>
</html>

 따로 웹상에서 띄워지는 작은 박스 : alert( );

<!--문자 띄우기-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트</title>
<script>
alert('Hi');
<script>
</head>
<body>
</body>
</html>

<!--숫자 띄우기-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트</title>
<script>
alert(20+10);
<script>
</head>
<body>
</body>
</html>

 

 변수저장하기 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>자바스크립트</title>
<script>
	num = 20;
    str = "안녕";
    document.write(num);
    document.write(str);
    document.write("<br/>");
</script>
</head>
<body>
</body>
</html>

 

변수명 선언 약속

  1. 영문, 숫자, _ (언더바) 사용
  2. 변수명은 영문의 대문자 소문자를 구별한다.
  3. 변수명의 첫문자는 숫자가 올 수가 없다.
  4. 예약어는 사용할 수 없다.(if, while 등)

상수

변수의 반대의미로 변하지 않는 값을 의미한다.

상수선언 방법 : const 상수명 = 값;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>스크립트 상수</title>
<script>
window.onload = function(){
	const MYconst = "상수";
    document.write(Myconst);
 };
</script>
</head>
<body>
</body>
</html>

 

저작자표시

'JavaScript,JQUERY > JavaScript' 카테고리의 다른 글

JavaScript 정리 3  (0) 2020.08.24
JavaScript 정리2  (0) 2020.08.22
자바스크립트 함수  (0) 2020.08.18
자바스크립트 open() / close()  (0) 2020.08.18
자바스크립트 객체  (0) 2020.08.18
'JavaScript,JQUERY/JavaScript' Related Articles more
Comments