스크립트는 대개 <head></head> 사이에 넣으라고 하잖아요.
그런데, 가끔 보면
스크립트 코드가 출력 위치 HTML 코드보다 앞에 위치하면
값이 제대로 출력 안 되는 경우가 있더라구요.
(예)
[출력 안 됨] http://codepen.io/sinbi/pen/KrjXgp
[출력 잘 됨] http://codepen.io/sinbi/pen/Gqbrqw
어쩔 땐 스크립트를 앞에 위치시켜야 하고,
어쩔 땐 스크립트를 뒤에 위치시켜야 하는 건가요?
답변 3개
채택된 답변
+20 포인트
브라우저는 위에서 아래로 랜더링 하는데
<div>a값: "<span id="hom"></span>"</div>
<div>b값: "<span id="zzang"></span>"</div>
가 로드되기전에 스크립트를 호출 하면 실행이되지 않습니다.
http://codepen.io/sinbi/pen/Gqbrqw 처럼 해야 하는게 맞습니다.
상위에 선언하려면 지금 html이 다 로드된다음에 실행 하도록 명령하셔야 합니다.
sir 소스보기 보면
$(function() {
... 페이지가 로드된 후에 실행되는 스크립트
})
이런식으로요
답변을 작성하려면 로그인이 필요합니다.