반응형
1. [JavaScript 시작]
1.1. 1. javaScript의 특징
- 객체(Object)기반의 스크립트 언어이다.
- 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다. 그 예시를 들면
<javascript />
String str = "안녕하세요 이건 다른 언어에서 선언해야 하는 문법이에요"
var str2 = "JS에서 String 타입 명시를 하지 않은 변수입니다."
- 객체 지향, 함수형 프로그래밍을 모두 표현 가능하다.
1.2.
1.3. 2. JavaScript 소개
- HTML의 "내용" 변경 가능
<javascript />
<html>
<head>
<title>연습용문서</title>
</head>
<body>
<p id="change_str">변경되는 p태그 값 입니다. // 변경할 태그의 id값 지정
</body>
</html>
<script>
document.getElementById("change_str").innerHTML = "변경된 p태그"
// 위에서 지정한 id값을 getElementById("ID 값") 지정후 innerHTML로 변경
</script>
- HTML의 "속성" 변경 가능
<javascript />
<html>
<head>
<title>연습용문서</title>
</head>
<body>
<img src="변경전 경로" id="change_src"></img>
</body>
</html>
<script>
document.getElementById("change_src").setAtrribute("src") = "변경할src";
// 위에서 지정한 id값을 getElementById("ID 값") 지정후 setAtrribute 변경
</script>
- HTML의 "스타일" 변경 가능
<javascript />
<html>
<head>
<title>연습용문서</title>
</head>
<body>
<p id="change_str">변경되는 p태그 값 입니다. // 변경할 태그의 id값 지정
</body>
</html>
<script>
document.getElementById("change_str").setAtrribute('속성명','속성값')
// 위에서 지정한 id값을 getElementById("ID 값") 지정후 setAtrribute 속성 변경
</script>
1.4.
1.5. 3. 문법
- 실행문은 ;(세미콜론) 으로 구분된다.
- 대소문자를 구분한다.
1.6. 4. 출력
- window 객체의 모든 메서드나 프로퍼티를 사용할떄는 window라는 접두사를 생략할 수 있다.
- 많이 쓰이는 출력은
<javascript />
document.write(""); //새로운 창이 나오면서 결과값 출력
console.log(""); // 크롬 F12 개발자 모드 console 항목에 결과값 출력반응형
'study > js' 카테고리의 다른 글
| JavaScript#3 연산자 (0) | 2021.07.12 |
|---|---|
| JavaScript#2 타입 (0) | 2021.07.09 |
| JavaScript_Prototype (0) | 2021.07.07 |
| JavaScript_동기와 비동기 (0) | 2021.07.07 |
| JavaScript_반복문 (for in, for of, forEach) (0) | 2021.07.06 |
