개발/JavaScript
[JavaScript] 자바스크립트 작성 방법
뉴NEW
2022. 9. 7. 17:11
1. 내부 자바스크립트 작성 방법
(1) body 영역 안에서 자바스크립트 작성
- 장점: 필요한 내용을 바로 적용하여 결과를 파악할 수 있음
- 단점: 관리가 어려움
<body>
<script>
document.write("welcome to Javascript!!<br>");
document.write("Enjoy Javascript Programming~!");
</script>
</body>
(2) head 영역 안에 자바스크립트 작성
- 전체 html 문서에 자바스크립트를 적용하고자 하는 경우
<head>
<script>
// 자바스크립트 변수선언: let, var
let text1 = "자바스크립트의 세상에 오신 것을 환영합니다 !!!"
let text2 = "자바스크립트 프로그래밍을 즐기도록 합시다 !!!"
function welcome(target) {
document.write(target);
}
</script>
</head>호출하기
<body>
<script>
welcome(text1);
welcome(text2);
</script>
</body>2. 외부 자바스크립트 작성 방법
- 장점: html문서 간결, 자바스크립트 파일의 관리 용이
- 단점: 코드를 바로 확인하기 불편
자바스크립트 외부 파일 만드는 법 → 파일명.js
자바스크립트 파일
let t1 = "벌써 9월도 중반"
let t2 = "공부 열심히 !!!"
function welcome2(){
document.write(t1+"<br>");
document.write(t2);
}
welcome2();호출하기
<body>
<script src="js/js_basic01.js"></script>
</body>