IT/html

HTML <script> 태그

조원태 2016. 12. 29. 15:41
반응형

[HTML <script> 태그]

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

 

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

 

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

 

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

 

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

 

<script>

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

</ script>


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

 

[A Taste of JavaScript]

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

 

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

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


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

document.getElementById ( "demo"). style.fontSize = "25px";

document.getElementById ( "demo"). style.color = "red";


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

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


[HTML <noscript> 태그]

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

 

<script>

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

</ script>

 

<noscript> 죄송합니다, 귀하의 브라우저는 JavaScript를 지원하지 않습니다! </ noscript>

반응형

'IT > html' 카테고리의 다른 글

HTML 파일 경로  (0) 2016.12.29
html Iframe 구문  (0) 2016.12.29
html 하이퍼링크  (0) 2016.12.28
HTML comment 태그  (0) 2016.12.28
무료 아이콘 아이콘파인더 iconfinder  (0) 2016.12.27