HTML

<script> 태그

아이티프로 2023. 1. 25.
반응형

script> 태그는 일반적으로 웹 사이트에 대화형 기능이나 동적 콘텐츠를 추가하는 데 사용된다.

<script>
  function sayHello() {
    alert("Hello, World!");
  }
</script>


이 예제에서 <script> 태그는 HTML 문서에 "sayHello"라는 자바스크립트 함수가  호출될 때 "Hello, World!" 메시지가 포함된 경보 상자를 표시한다.

<script> 태그의 src 속성을 사용하여 외부 JavaScript 파일을 참조할 수도 있다. 이것은 여러 페이지에 걸쳐 동일한 스크립트를 재사용하려는 경우에 유용하다.

<script src="myscript.js"></script>
<script type="text/javascript" src="myscript.js"></script>


<script> 태그는 HTML 문서의 <head> 또는 <body> 섹션 내에 배치해야 한다. 

<body> 섹션의 하단에 <script> 태그를 배치하는 것이 가장 좋다. 이렇게 하면 스크립트가 실행되기 전에 페이지를 로드하고 렌더링할 수 있으므로 페이지의 성능을 향상시킬 수 있다.

반응형

'HTML' 카테고리의 다른 글

selector 선택자 - id(#), class(.)  (0) 2023.01.25
<link href="...">  (0) 2023.01.25
<canvas> 태그  (0) 2023.01.25
특수문자 와 이모지  (0) 2023.01.25
HTML Favicon  (0) 2023.01.25

댓글