JavaScript 코드를 배치할 위치

1. 헤드에 배치
이 방법은 페이지가 로드되기 전에 js 코드를 로드합니다. 이 경우 웹페이지가 아직 로드되지 않았기 때문에 헤드에 있는 웹페이지 요소를 가져올 수 없습니다. 아래 예를 살펴보세요. 버튼에 표시된 값을 동적으로 수정하려는 경우 헤드의 코드는 Cannot
set property 'value' of null 오류를 보고합니다. 이 오류는 Chrome에서 디버깅할 때 발생합니다. IE에서는 'document.getElementById(...)'가 비어 있거나 개체가 아니라는 오류도 보고됩니다. 물론, 본문에 js코드를 넣어주시면 문제는 없을 것입니다.
[html]

document.getElementById('click_button').value = ' 나를 클릭하세요! ';
function show_message(){
경고('안녕하세요!')

>


예를 들어 위의 예에서 요소가 로드되기 전에 js를 넣으면 오류가 보고됩니다.
[html]

www.2cto.com



팁: js 파일이 비교적 큰 경우 이전 위치에 js 파일을 로드하는 것이 좋습니다. 웹 페이지의 로딩 속도에 영향을 미칩니다. 헤드에 배치하면 js 파일이 먼저 로드됩니다.