예
"안녕하세요 자바 스크립트를!"쓰기 자바 스크립트 :
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
»그것을 자신을 시도 정의 및 사용
<script> 태그는 클라이언트 측 스크립트 (JavaScript)를 정의하는 데 사용된다.
<script> 요소는 스크립트 문을 포함하거나, 그것을 통해 외부 스크립트 파일을 가리키는 src 속성입니다.
자바 스크립트의 일반적인 용도는 이미지 조작, 양식 유효성 검사 및 콘텐츠의 역동적 인 변화입니다.
팁 : 자바 스크립트를 배우고 싶은 경우에, 우리의 방문 자바 스크립트 자습서 .
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <script> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
참고 : 경우 "src" 속성이 존재는 <script> 요소가 비어 있어야합니다.
팁 : 또한보고 <noscript> 브라우저에서 사용할 스크립트를 가지고, 또는 클라이언트 측 스크립트를 지원하지 않는 브라우저가 사용자를위한 요소입니다.
참고 : 외부 스크립트가 실행 될 수있는 몇 가지 방법이 있습니다 :
- 경우 async="async" : 스크립트는 페이지의 나머지 비동기 실행된다 (페이지는 해석을 계속하는 동안 스크립트는 실행된다)
- 경우 async 존재하지 않는 및 defer="defer" :이 스크립트는 페이지가 구문 분석을 완료 할 때 실행
- 경우도 async 또는 defer 존재 : 브라우저가 페이지를 구문 분석 작업을 계속하기 전 스크립트는 즉시 인출 및 실행
HTML 4.01과 HTML5의 차이점
"type" 속성은 HTML 4에서 필요하지만 HTML5의 선택 사항입니다.
"async" 속성은 HTML5의 새로운 기능입니다.
되는 HTML 4.01 속성 : "xml:space" , HTML5에서 지원되지 않습니다.
HTML 및 XHTML의 차이점
XHTML에서, 스크립트 내부의 내용이 실체가 해석되는 것을 의미합니다 (대신 CDATA의) #PCDATA로 선언됩니다.
이것은 XHTML의, 모든 특수 문자 인코딩되어야하거나 모든 내용을 CDATA 섹션 내부에 랩해야 함을 의미한다 :
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| async | async | 지정 스크립트가 비동기 적으로 실행된다 (만 외부 스크립트) |
| charset | charset | 외부 스크립트 파일에 사용되는 문자 인코딩을 지정합니다 |
| defer | defer | 페이지가 구문 분석을 완료 할 때 스크립트가 실행되도록 지정 (만 외부 스크립트) |
| src | URL | 외부 스크립트 파일의 URL을 지정 |
| type | media_type | 스크립트의 미디어 유형을 지정합니다 |
| xml:space | preserve | HTML5에서 지원되지 않습니다. 코드에서 공백을 보존할지 여부를 지정합니다 |
글로벌 속성
<script> 태그도 지원 글로벌은 HTML의 속성 .
관련 페이지
HTML 튜토리얼 : HTML 스크립트
HTML DOM 참조 : 스크립트 객체
자바 스크립트 튜토리얼 : 자바 스크립트 알아보기
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <script> 다음과 같은 기본 값으로 요소를 :
script {
display: none;
}