HTML 자바스크립트

JavaScript는 HTML 페이지에 더 많은 동적성과 상호작용성을 더합니다

예제

제 첫 번째 JavaScript

직접 시험해 보세요

HTML <script> 태그

HTML <script> 태그는 클라이언트 스크립트(JavaScript)를 정의합니다.

<script> 요소는 스크립트 문장을 포함할 수 있으며, 또한 src 속성이 외부 스크립트 파일을 가리킵니다.

JavaScript의 일반적인 용도는 이미지 처리, 양식 검증 및 내용의 동적 변경입니다.

HTML 요소를 선택하려면 JavaScript에서 가장 많이 사용되는 document.getElementById() 메서드.

이 JavaScript 예제는 id="demo"의 HTML 요소에 "Hello JavaScript!"를 입력합니다:

예제

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

직접 시험해 보세요

안내:우리의 JavaScript 강의 에서 더 많은 JavaScript 지식을 배울 수 있습니다。

JavaScript의 맛

이제 JavaScript의 능력을 보여주는 몇 가지 예제가 있습니다:

예제

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

document.getElementById("demo").innerHTML = "Hello JavaScript!";

직접 시험해 보세요

예제

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

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

직접 시험해 보세요

예제

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

document.getElementById("image").src = "picture.gif";

직접 시험해 보세요

HTML <noscript> 태그

HTML <noscript> 태그는 스크립트를 비활성화한 사용자나 스크립트를 지원하지 않는 브라우저에 대체 내용을 표시합니다:

예제

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>죄송합니다, 브라우저에서 JavaScript를 지원하지 않습니다!</noscript>

직접 시험해 보세요

HTML Script 태그

태그 설명
<script> 클라이언트 스크립트를 정의합니다.
<noscript> 클라이언트 스크립트를 지원하지 않는 사용자에게 대체 내용을 정의합니다.

모든 사용 가능한 HTML 태그의 완전한 목록을 확인하려면 우리의 HTML 태그 참조 매뉴얼.