'script' 태그의 글 목록

script

Yu.s.h 2024. 9. 10. 10:08

2024. 9. 10. 10:08

스크립트 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에서는 더 이상 지원하지 않음.