javascript 자바스크립트
객체기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS는 웹을 디자인하며,
자바스크립트로는 웹의 동작을 구현할 수 있다.
특징
- 객체 기반의 스크립트 언어
- 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어
- 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.
- JAVA의 이름만 빌린 것이고 아예 다른 언어다.
(10일만에 만들어진 언어)
html에 자바스크립트 불러오기
html에서 <script></script> 태그 사이에 javascript 코드가 삽입된다.
- window.alert() 메소드 경고창에 삽입
- html 화면에 삽입
- document.write() 메소드 웹브라우저에서 제공하는 화면에 삽입
[html 파일에 작성]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./print.js"></script>
</head>
<body>
<div id="test"></div>
</body>
</html>→
script태그를 이용해서 js 파일을 불러올 수 있다.
print.js
<script>
document.write(3+3);
</script><script> </script> = 자바 스크립트 작성 시작(<script>)과 끝(</script>).
document. = 이 문서에
write = 쓰다
(); = 값
javascript 파일에 작성
1. 경고창 출력
alert("여러분");/ 아이디 또는 비밀번호를 틀렸을 때 뜨는 알림창 /
2. body 안에 출력
document.write("안녕하세요");
3. console에 출력하기
console.log("재미있는 자바스크립트")
4. html DOM요소 내용으로 출력하기
document.getElementById("test").innerHTML = "hello";
css에서 id를 불러올 때 #을 사용하는 것과 똑같다. .innerHTML을 이용해서 내용을 변경할 수 있다.
→ html에 불러진 js의 값이 적용이 안된다
그래서<script src="./print.js"></script>태그 내에
<script defer src="./print.js"></script>defer을 붙여주면 실행이 된다.
