javascript 코드 작동원리와 코드 실행 미루기(DOMContentLoaded)

javascript는 위에서부터 한줄씩 해석한다. 그래서 script 코드는 관행상 body 태그가 끝나기 직전에 작성한다.

 

HTML을 전부다 읽어들인 뒤 코드를 실행하려면, 아래 코드를 사용하자.

//jquery
$(document).ready(function(){//코드}

//javascript vanilla
document.addEventListener('DOMContentLoaded', function(){//코드}

load 이벤트 리스너

:를 사용하면 해당 파일이 로드됐는지 확인할 수 있다.

document.querSelector('img').addEventListener('load',function(){
	//이미지 로드시 실행할 코드
}