동영상 강좌보기

Javascript는 HTML페이지를 더욱 역동적이고 대화식으로 만듭니다.

HTML <script>태그

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

<script>요소는 스크립트문을 포함하거나 src특성을 통해 외부 스크립트 파일을 가리킵니다.

자바스크립트의 일반적인 용도는 이미지 조작, 폼 유효성 검사 및 콘텐츠의 동적 변경입니다.

HTML요소를 선택하기 위해 Javascript는 매우 자주 document.getElementById(id)메소드를 사용합니다.

아래 자바스크립트 예제는 "안녕 자바스크립트!"라고 씁니다. HTML요소에 id="demo"를 추가합니다.

<script>
document.getElementById("demo").innerHTML = "안녕 자바스크립트!";
</script>

자바스크립트의 묘미

자바스크립트에서 수행할 수 있는 몇가지 예는 다음과 같습니다.

자바스크립트는 html콘텐츠를 변경할 수 있습니다.

document.getElementById("demo").innerHTML = "안녕 자바스크립트!";

자바스크립트가 HTML스타일을 변경할 수 있습니다.

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

자바스크립트는 HTML속성을 변경할 수 있습니다.

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

HTML <noscript>태그

<noscript>태그는 브라우저에서 스크립트를 비활성화한 사용자 또는 클라이언트측 스크립트를 지원하지 않는 브라우저를 가진 사용자를 위한 대체 컨텐츠를 제공하는데 사용합니다.

<script>
document.getElementById("demo").innerHTML = "안녕 자바스크립트!";
</script>

<noscript>여러분의 브라우저는 자바스크립트를 지원하지 않습니다!</noscript>