21. HTML JavaScript

 

JavaScript는 HTML 페이지를 보다 역동적이고 상호작용이 가능하게 만들어줍니다.

See the Pen 00.HTML JavaScript by heunho (@heunho) on CodePen.

 

 

 

---

HTML <Script> 태그

---

<script> 태그는 클라이언트 측 스크립트(JavaScript)를 정의하는 데 사용됩니다.

<script> 요소는 스크립트 명령문을 포함하거나 src 속성을 통해 외부 스크립트 파일을 불러올 수 있습니다.

JavaScript의 일반적인 용도는 이미지 조작, 양식 유효성 검사 및 동적 컨텐츠 변경 등이 있습니다.

HTML 요소를 선택하기 위해 JavaScript는 대부분 document.getElementById() 메소드를 사용합니다.

 

해당 JavaScript 예제는 JavaScript를 사용해 텍스트를 변경해주는 예제입니다.

즉, HTML 요소중 "demo"라는 id를 가진 요소에 "Hello JavaScript!"메세지를 출력하게 합니다.

See the Pen 01.The HTML <script> Tag by heunho (@heunho) on CodePen.

 

 

 

 

다양한 자바스크립트 예제

---

다음은 JavaScript로 수행할 수 있는 작업을 예시로 든 예제들입니다.

 

JavaScript는 HTML 내용을 변경할 수 있습니다.

See the Pen 02.A Taste of JavaScript-1 by heunho (@heunho) on CodePen.

 

JavaScript는 HTML 스타일을 변경할 수 있습니다.

See the Pen 02.A Taste of JavaScript-2 by heunho (@heunho) on CodePen.

 

JavaScript는 HTML 속성을 변경할 수 있습니다

See the Pen 02.A Taste of JavaScript-3 by heunho (@heunho) on CodePen.

 

 

 

 

HTML <noscript> 태그

---

<noscript>태그는 브라우저에서 스크립트를 사용하지 않거나, 클라이언트 측 스크립트를 지원하지 않는 브라우저를 사용하는 사용자에게 대체 컨텐츠를 제공하는 데 사용됩니다.

See the Pen 03.The HTML <noscript> Tag by heunho (@heunho) on CodePen.

 

 

 

 

HTML 스크립트 태그

---

Tag	설명
<script>	클라이언트 측 스크립트를 정의합니다.
<noscript>	클라이언트 측 스크립트를 지원하지 않는 사용자를 위한 대체 컨텐츠를 정의합니다.

 

 

 

 

---

틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.

---

대부분의 내용의 저작권은 w3schools에 있습니다.

HTML JavaScript