Script 사용법 그리고 속성들

스크립트 inline 방법 : html 태그 내에 직접 작성

<button type="button" onclick="alert('Hello')">Click</button>

스크립트 internal 방법 : <script>태그 안에 코드 작성

<script>alert('Hello')</script>

특징 : 해당 두가지 방법은 복잡해지는 html 그리고 관리가 어려워지므로 짧은 스크립트일 때 제외하고 잘 사용하지 않는다.

 

 

스크립트 external 방법 :  <script src>로 파일 참조

<script src="script.js"></script>

특징 : 대부분이 해당 방식으로 쓰이며, inline과internal 다르게 관리하기 쉽다.

 

 

사용할 수 있는 속성

 : HTML5에서 새롭게 추가된  속성

속성명 속성값설명

async		async	스크립트가 비동기적으로 실행됨을 명시함. (단, <script> 요소가 외부 스크립트를 참조하는 경우에만 사용할 수 있음)
charset		문자셋	외부 스크립트 파일에서 사용되는 문자 인코딩 방식을 명시함. (단, <script> 요소가 외부 스크립트를 참조하는 경우에만 사용할 수 있음)
defer		defer	페이지의 파싱이 모두 끝나면 스크립트가 실행됨을 명시함. (단, <script> 요소가 외부 스크립트를 참조하는 경우에만 사용할 수 있음)
src		URL	외부 스크립트 파일의 URL을 명시함.
type		미디어 타입	스크립트의 미디어 타입을 명시함.
xml:space		preserve	스크립트 코드 내의 공백 문자(whitespace)의 보존 여부를 명시함. HTML5에서는 더 이상 지원하지 않음.

출처 : https://www.tcpschool.com/html-tags/script