반응형
* 자바스크립트
1. 웹 브라우저에서 읽고 실행되는 언어
2. 보안성이 없음
3. html 내에 작성
4. 대소문자의 구분 엄격 (aaa AAA)
* 스크립트 주석
1. // : 한 줄 주석
2. /**/ : 여러 줄 주석
+) 일부의 명령어에는 태그 사용가능 ( object.innerHTML / document.write 등..)
+) 자바스크립트는 연산능력이 있지만 html은 없음
↓
* 적용 방법
1. 내부 스크립트
- html 문서 내에 스크립트 정의 후 직접 작성
- 필요한 위치에
<script type="text/javascript">
스크립트 효과
</script>
2. 외부 스크립트
- 스크립트 효과를 다른 문서에 작성하고 "이름.js"로 저장
- 효과를 적용할 문서에
<script type="text/javascript" src="이름.js">
다른 문장 작성 금지
</script>
1. 내부 스크립트
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>내부 스크립트</title>
<script type="text/javascript">
window.alert("Hello!!!")
</script>
</head>
<body>
</body>
</html>
2. 외부 스크립트
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>외부 스크립트</title>
<script src="js/hello.js">
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>내부 스크립트</title>
<script type="text/javascript">
window.alert("Hello!!!");
document.write("이 문장을 출력합니다.");
</script>
</head>
<body>
</body>
</html>
☆ 자바스크립트코드가 실행되지 않을시 : 화면 빈곳 -> 마우스 오른쪽 -> 검사
☆ 스크립트가 사용하는 값, 기호, 문장 만드는 방법 알아야함
*과제*
1. 자료형 조사
- 01_자바스크립트 자료형_본인이름.hwp
2. 연산자 조사
- 02_자바스크립트 연산자_본인이름.hwp
728x90
반응형
'Information' 카테고리의 다른 글
| 자바스크립트 2 (0) | 2023.09.27 |
|---|---|
| [수업 아홉번째 시간] 웹린이의 아홉번째 html 수업 시간 (0) | 2023.09.27 |
| [수업 여덟번째 시간] 웹린이의 여덟번째 html 수업 시간 (0) | 2023.09.14 |
| [수업 일곱번째 시간] 웹린이의 일곱번째 html 수업 시간 (0) | 2023.09.13 |
| [수업 다섯번째 시간] 웹린이의 다섯번째 html 수업 시간 (0) | 2023.09.12 |
