1. 자바스크립트의 문장
- 각 문장은 세미콜론(;) 으로 구분된다
ex: alert("hello javaScript") -> alert는 주어진 내용을 메시지 창으로 출력하는 명령어이다
1) 문장 표현 방법
- 자바스크립는 대소문자를 구분한다
- html은 대소문자를 구분하지 않는다
- 자바스크립트에서 html 태그와 속성 이름은 모두 소문자로 기술해야 한다
- js api에 모두 소문자로 정의되어 있고, 이들을 호출하여 사용하기 때문이다
- 공백 문자 무시
- 자바스크립트는 연속되는 공백 문자는 무시 또는 하나의 공백 문자로 인식한다
- 문장 그루핑
- 문장 그루핑은 중괄호에 의해 묶어진다
2. 주석문
1) 한 줄 주석
- // 로 시작하는 문장을 작성
2) 여러 줄 주석
- /* 로 시작해서 */ 로 끝낸다
3. 자바스크립트는 어떠한 역할을 하는가
1) js는 html 요소 내용을 바꿀 수 있다
- 예 getElementById()를 이용하여 웹 페이지 중에서 id를 찾아서 내용을 바꾼다
- ex: <p id="demo"> javaScript can change HTML content.</p>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript'" > Click Me!
</button>
- id="demo"를 지정하고, 이 태그의 내용을 바꾸고자 한다.
- 버튼을 만들고, onclick으로 이벤트를 정의한다. 클릭 이벤트가 발생하여 내용이 바뀐다
2) js는 html 속성을 바꿀 수 있다
3) js는 html 스타일(css)를 바꿀 수 있다
4) js는 html요소를 숨기거나 보이게 할 수 있다
4. html과 자바스크립트의 연결
- js를 실행하기 위해서는 html 문서와 연관 관계를 형성해야 가능한다
1) HTML 내부 자바스크립트
- html 태그 안에 <script> 태그 삽입하고, <script>태그는 <head> 섹션이나 <body> 섹션에 삽입
2) 외부 자바스크립트 불러오기
3) 인라인 자바스크립트
'JavaScript' 카테고리의 다른 글
| [CHAPTER 02-1] 프로그래밍 기초 (0) | 2023.06.21 |
|---|---|
| [CHAPTER 01] 자바스크립트란? (0) | 2023.06.21 |