최신 웹 개발 튜토리얼

HTML JavaScript


자바 스크립트는 HTML 페이지를보다 역동적이고 상호 작용합니다.


예

그것을 자신을 시도 - 예를

스크립트를 삽입
어떻게 HTML 문서에 자바 스크립트를 삽입합니다.

의 사용 <noscript> 태그
스크립트를 지원하거나 스크립트 비활성화하지 않는 브라우저를 처리하는 방법.


html로 <script> 태그

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

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

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

이 스크립트는 아래 안녕하세요 자바 스크립트를 쓴다! 와 HTML 요소에 id="demo" :

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
»그것을 자신을 시도

자바 스크립트에 대한 모든 내용은 우리의 방문 자바 스크립트 튜토리얼 !


html로 <noscript> 태그

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

<noscript> 요소를 사용하면 내부에 찾을 수있는 모든 요소를 포함 할 수있는 <body> 일반 HTML 페이지의 요소를.

내부 내용 <noscript> 요소는 스크립트가 지원되지 않는 경우 표시하거나 사용자의 브라우저에서 사용할 수 없습니다 될 것입니다 :

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

<noscript>Sorry, your browser does not support JavaScript!</noscript>
»그것을 자신을 시도

자바 스크립트의 맛 (From Our JavaScript Tutorial)

여기에 자바 스크립트가 할 수있는 몇 가지 예입니다 :

자바 스크립트는 HTML 내용을 변경할 수 있습니다 :

document.getElementById("demo").innerHTML = "Hello JavaScript!";
»그것을 자신을 시도

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

document.getElementById("demo").style.fontSize = "25px";
»그것을 자신을 시도

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

document.getElementById("image").src = "picture.gif";
»그것을 자신을 시도

HTML 스크립트 태그

꼬리표 기술
<script> 클라이언트 측 스크립트를 정의
<noscript> 클라이언트 측 스크립트를 지원하지 않는 사용자를 위해 대체 컨텐츠를 정의

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»