프로필사진
FE_Log
JunO3O
자바스크립트
자바스크립트

2023. 3. 21. 02:59HTML

자바스크립트 작성과 실행

 

ㅁ 자바스크립트도 스타일시트처럼 script 태그를 사용하여 내부에서 작성하거나 script 태그의 src 속성을 사용하여 외부에서 불러오도록 작성할 수 있습니다.

# 내부 자바스크립트 작성과 실행

ㅁ head 태그나 body 태그 내부에 script 태그를 생성한 후 저장하고 실행합니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <title> 내부 자바스크립트 작성 </title>
    <script>
        // 경고창을 출력합니다.
        alert('Hello JavaScript');
    </script>
</head>
<body>
    
</body>
</html>

 

# 외부 자바스크립트 작성과 실행

ㅁ js 파일을 생성하여 자바스크립트를 작성하고 HTML 파일에서 불러옵니다. 

alert('Outer JavaScript');                                                   (javascript)
<!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> 외부 자바스크립트 작성 </title>
    <script src="out_javascript.js"> </script>
</head>
<body>
    
</body>
</html>

 

 

외부 스타일시트 vs 외부 자바스크립트

 

: 외부 스타일시트는 link 태그를 사용하고, 외부 자바스크립트는 script 태그를 사용한다는 차이점이 있다.

 

 

 

 

끝!

'HTML' 카테고리의 다른 글

기본 태그  (0) 2023.03.21
글자 태그  (1) 2023.03.21
스타일시트  (0) 2023.03.21
HTML의 기본  (0) 2023.03.21
* Visual Studio Code 설치  (1) 2023.03.21