자바스크립트 Hello word

김하은·2023년 4월 18일
0

script태그를 사용해 자바스크립트(js)를 html문서상에 삽입할 수 있다.

<script>
  alert('안녕히계세요 여러분!!');
</script>

이 script태그 안에는 자바스크립트 코드가 들어간다.

script 태그의 속성

요즘엔 잘 사용하지는 않지만 오래된 코드에서 종종 발견되는것.

  • type속성
    type="text/javascript" 라는것이 붙은스크립트가 HTML4에서 많이 발견된다.
    이제는 타입명시가 필수가 아니고 모던 html표준에서는 의미가 바뀌어 자바스크립트 모듈 에 활용할 수 있다고 한다.

  • language 속성
    현재 사용하고있는 스크립트 언어를 나타내는데 자바스크립트가 현재에 와서는 기본언어이기 때문에 더는 사용할 필요가 없어졌다.

  • script태그 전 후에 위치한 주석.

<script type"text/javascript"><!--
...
//--></script>

아주오래된 책, 가이드 등에 이렇게 script태그 안에 주석이 존재하는것을 볼 수 있다. 트릭이라고하는데, 모던자바스크립트에선 이러한 트릭을 사용하지 않는다.

왜?

script태그 옆에 붙은 주석은 이 태그를 처리하지 못하는 브라우저가 해당 스크립트를 읽지 못하게 하려고 사용했었다고한다.
다만 이제는 출시된 브라우저 대부분이 script태그를 처리할 수 있기때문에 요즘의 코드에서는 발견이 어렵다.

외부의 script사용하기.

외부의 scrtipt를 사용하는 경우는 자바스크립트를 분리해 사용할 경우이다.
이때는 script태그에 src로 해당 자바스트립트 파일이 있는 위치를 적어넣을 수 있다.

-- 여러 스크립트를 사용할 경우 script태그 여러개를 사용하면 된다.

** 주의
script태그와 src가 있고, script태그안에 코드가 있다면 내부코드는 무시되고 src가 실행된다.

0개의 댓글