HTML 자바 스크립트(HTML JavaScript)

JavaScript makes HTML pages more dynamic and interactive.

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

Example

My First JavaScript

Try it Yourself »

---

The HTML <script> Tag

HTML <script> 태그

The <script> tag is used to define a client-side script (JavaScript).

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

The <script> element either contains scripting statements, or it points to an external script file through the src attribute.

<script>요소 중 하나 스크립트 문을 포함, 또는 그것을 통해 외부 스크립트 파일을 가리키는 src속성.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

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

To select an HTML element, JavaScript very often uses the document.getElementById() method.

HTML 요소를 선택하기 위해 자바 스크립트는 종종이 document.getElementById()메소드를 사용합니다 .

This JavaScript example writes "Hello JavaScript!" into an HTML element with id="demo":

이 JavaScript 예제는 "Hello JavaScript!"라고 씁니다. id = "demo"인 HTML 요소에 추가합니다.

Example

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

Try it Yourself »

Tip: You can learn much more about JavaScript in our JavaScript Tutorial.

팁 : JavaScript에 대한 자세한 내용은 JavaScript 자습서를 참조하십시오 .

---

A Taste of JavaScript

자바 스크립트의 맛

Here are some examples of what JavaScript can do:

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

JavaScript can change HTML content

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

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

Try it Yourself »

JavaScript can change HTML styles

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

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

Try it Yourself »

JavaScript can change HTML attributes

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

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

Try it Yourself »

---

The HTML <noscript> Tag

HTML <noscript> 태그

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client-side scripts:

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

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
 
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Try it Yourself »

---

HTML Script Tags

HTML 스크립트 태그

Tag	Description
<script>	Defines a client-side script  클라이언트 측 스크립트를 정의합니다.
<noscript>	Defines an alternate content for users that do not support client-side scripts  클라이언트 측 스크립트를 지원하지 않는 사용자를위한 대체 컨텐츠를 정의합니다.

---

Test Yourself with Exercises!

---

출처 : W3School.com