JS - 스크립트 사용하기 (html, 외부 스크립트 파일)

 

자바 스크립트란? (Java Script, JS)

• 객체 기반의 스크립트 프로그래밍 언어
• 웹 브라우저 내에서 주로 사용하나 서버 프로그래밍에도 사용
• 다른 응용 프로그램의 내장 객체에도 접근 할 수 있는 기능 탑재

---

자바 스크립트 사용 방법

• 사용하고자 할 위치에 <script> 구문 선언
• 스크립트 구문 내에 실행될 코드 작성
• 코드 작성이 완료되면 스크립트 구문의 종료 선언 </script>

---

자바 스크립트 사용하기 (Hello World 출력해보기)

html 문서 내에서 스크립트 작성하고 실행하기

• html 문서 내에서 스크립트 작성
• document.write : 보여지는 화면에 텍스트 출력

<!-- hello.html -->
<script>
	document.write("<p> Hello World! </p>")
</script>

 

• 작성한 html 문서 실행

---

외부 스크립트 파일을 불러와서 스크립트 실행하기

• 외부 스크립트 파일 작성

// 외부 스크립트 파일 hello.js
document.write("<p> Hello World! </p>")

 

• html 문서에 외부 스크립트 파일 호출

<!-- hello.html -->
<script src="hello.js"> </script>

 

• html 문서 실행

---

+ 알림창을 활용하여 텍스트 출력하기

• alert("내용") : 알림창에 텍스트 출력

<!-- hello.html -->
<script>
	alert("Hello JavaScript!");
</script>

 

• 실행 화면

---

참고

• 위키 백과 - 자바스크립트

https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8

자바스크립트 - 위키백과, 우리 모두의 백과사전

 

• javascript.info - 자바의 기본 - Hello, world!

https://ko.javascript.info/hello-world

Hello, world!