HTML의 '스크립트' 태그 수에는 제한이 없습니다. 따라서 단일 HTML 문서에 여러 '스크립트' 태그가 있을 수 있습니다.
첨가 찢어진 > 헤드 요소의 태그
JavaScript 기능이 포함된 스크립트 태그는 head 요소에 추가할 수 있습니다. HTML 문서의 head 요소에 추가된 JavaScript 함수의 간단한 예를 들어 이 아이디어를 실제로 구현해 보겠습니다.
예
head 요소 안에 script 요소를 추가하거나 기존 HTML 문서의 script 요소를 head 태그로 이동하면 됩니다.
< 머리 >
< 스크립트 >
함수 myFunction() {
document.getElementById('demoId').innerHTML = '이후!!!';
}
< / 스크립트 >
< / 머리 >
< 몸 >
< h2 > 헤드에 스크립트 태그 추가 < / h2 >
< 피 ID = '데모 ID' > 전에... < / 피 >
< 단추 유형 = '단추' 온 클릭 = 'myFunction()' > 변경 < / 단추 >
< / 몸 >
위의 코드 조각에서:
- '가 있습니다. ” 내부 제목 몸 ” 요소와 그 뒤에 “ 절 ” 간단한 텍스트를 포함하는 요소.
- 그런 다음 버튼이 생성되고 ' myFunction() '에 정의되어 있습니다. 온 클릭 ” 속성이 이벤트 핸들러로 추가되었습니다.
- “ 스크립트 ' 요소가 ' 안에 추가됩니다. 머리 ” 요소, 그리고 그 안에서 함수가 호출되고 “ getElementById ” 메서드는 “를 참조하여 정의되었습니다. 데모 아이디 '.
이렇게 하면 출력에서 JavaScript 기능이 올바르게 실행됩니다.
첨가 <들 토굴 > 본문 요소의 태그
스크립트 태그는 ' <몸> ” 요소는 끝 “ 몸 ” 태그.
예
다음과 같은 경우에도 동일한 결과가 생성됩니다. 스크립트 ” 태그가 추가됩니다. 몸 요소:
< / 몸 >
< h2 >본문에 스크립트 태그 추가< / h2 >
< 피 ID = '데모 ID' >전에...< / 피 >
< 단추 유형 = '단추' 온 클릭 = 'myFunction()' >변경< / 단추 >
< 스크립트 >
기능 myFunction ( ) {
문서.getElementById ( '데모 ID' ) .innerHTML = '후에!!!' ;
}
< / 스크립트 >
< / 몸 > 위의 코드 조각에서:
- 이 게시물의 이전 섹션에서 설명한 것과 동일한 코드의 동일한 JavaScript 함수가 body 요소에 추가되었습니다.
추가 ' 스크립트 ' 안의 ' 태그 몸 ” 요소도 동일한 결과를 생성하고 JavaScript 기능이 올바르게 실행되도록 합니다.
이것은 ' <스크립트> ” 태그는 HTML 문서에 배치됩니다. 그러나 두 방법 간에 어떤 종류의 차이가 있어야 하는지 궁금할 수 있습니다.
Head 및 Body 요소의