[JavaScript] 자바스크립트

Notice

Recent Posts

Recent Comments

Link

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Tags more

Archives

Today

Total

관리 메뉴

ruriruriya

[JavaScript] 자바스크립트 - script 태그 본문

🖌️Web/JavaScript

[JavaScript] 자바스크립트 - script 태그

루리야ㅑ 2024. 4. 4. 11:32

script 태그는 html의 body 안에서 동작한다.
그냥 html과 script 태그는 정적인 작업 동적인 작업으로 구분해서 볼 수 있다.

아래 코드를 보면 좀더 쉽게 이해할 수 있다.

ex1.html 파일을 생성해서
아래 코드에서 body 태그 안에서 1+1과 script 태그에서 1+1을 함께 작동 시켜보았다.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>

    </head>
    <body>
        <h1>JavaScript</h1>
        <script>
            document.write(1+1);
        </script>
        <h1>html</h1>
        1+1
    </body>
</html>

결과는 script 태그 내에서 자바스크립트로 작성한 1+1은 연산이 되었지만
html 태그인 body 태그에서는 1+1 문자열로 그대로 나온다.

이 부분에서 JavaSctipt는 동적인 역할을 하고
HTML은 정적인 역할을 하는 것을 확인할 수 있다.

저작자표시 비영리 변경금지

'🖌️Web > JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트 - 배열(Array)와 객체(Object) (1)	2024.04.14
[JavaScript] 자바스크립트 - undefined와 null 의 차이 (0)	2024.04.08
[JavaScript] 자바스크립트 - const와 let의 차이점, 그리고 var (0)	2024.04.08
[JavaScript] 자바스크립트 - 태그 선택하여 자바스크립트 동작 시키기(querySelector) (0)	2024.04.04
[JavaScript] 자바스크립트 - HTML에서 이벤트로 JS 실행하기 (0)	2024.04.04

'🖌️Web/JavaScript' Related Articles

ruriruriya

[JavaScript] 자바스크립트 - script 태그 본문

[JavaScript] 자바스크립트 - script 태그

'🖌️Web > JavaScript' 카테고리의 다른 글

티스토리툴바