<div>책에서 외부 자바스크립트파일을 참조하는 예제로 네이버개발자센터에서 제공하는 지도 api활용하는게 나왔는데</div> <div>첫번째 코드는 외부참조한 script태그 내에 바로 onload이벤트로 외부참조객체를 이용해 지도를 할당하는거구요</div> <div>두번째 코드는 script태그를 또하나 만들어서 거기에서 onload이벤트를 할당한겁니다.</div> <div><br></div> <div>결과는 첫번째코드는 지도를 불러내지 못했구요</div> <div>두번째코드는 정상적으로 불러냈습니다.</div> <div><br></div> <div>책에서 브라우저가 html페이지를 읽을때 태그를 위에서 아래로 읽는다고 했습니다. 그래서 외부스크립트를 참조할땐 가장위의 script태그에서 참조하라구요.</div> <div>근데 외부스크립트를 참조한 script태그내에서 외부참조객체를 이용했는데 작동을 안하는게 이해가 안됩니다.</div> <div><br></div> <div>그래서 생각해본건 script태그에서 외부자바스크립트를 참조했을때 내부스크립트를 실행하고 나서 그다음에 참조를 하기때문에 onload에서 외부에서 참조한 객체는 없는셈 쳐진게 아닌가 하는건데, 브라우저가 어떻게 작동하는지 모르니까 그냥 뜬구름잡는 것 같습니다.</div> <div><br></div> <div>(첫번째 코드)</div> <div><script src="<a target="_blank" href="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=eb7b65013ef0dda7053aeab0cc74233e">http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=eb7b65013ef0dda7053aeab0cc74233e</a>"></div> <div><br></div> <div> </div> <div></script></div> <div><br></div> <div><script></div> <div><br></div> <div><br></div> <div>window.onload = function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>new nhn.api.map.Map('map');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>//외부참조 js파일에 들어있는 생성자의 인수로 태그 id를 넣어서 지도생성.</div> <div>}</div> <div></script></div> <div></head></div> <div><body></div> <div><br></div> <div><!-- JavaScript Map을 이용한 지도 띄우기. <scirpt>태그에서 외부 js파일을 추가해야함. --></div> <div><!-- 지도를 넣을 공간 script로 할당한다. --></div> <div><div id="map" style="width:700px; height:450px;"> <!-- 지도의 크기는 style이 결정. --></div> <div></div></div> <div><br></div> <div></body></div> <div>...</div> <div><br></div> <div> <div><script src="<a target="_blank" href="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=eb7b65013ef0dda7053aeab0cc74233e">http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=eb7b65013ef0dda7053aeab0cc74233e</a>"></div> <div><br></div> <div> </div> <div></script></div> <div><br></div> <div>결과</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201506/14339428309JepOoYNvSR1aJnswDXcEkT3uR2R2.png" width="800" height="521" alt="20150610222031.png" class="chimg_photo" style="border:none;"></div><br></div> <div><br></div> <div>(두번째 코드)</div> <div><script></div> <div><br></div> <div><br></div> <div>window.onload = function() {</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>new nhn.api.map.Map('map');</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>//외부참조 js파일에 들어있는 생성자의 인수로 태그 id를 넣어서 지도생성.</div> <div>}</div> <div></script></div> <div></head></div> <div><body></div> <div><br></div> <div><!-- JavaScript Map을 이용한 지도 띄우기. <scirpt>태그에서 외부 js파일을 추가해야함. --></div> <div><!-- 지도를 넣을 공간 script로 할당한다. --></div> <div><div id="map" style="width:700px; height:450px;"> <!-- 지도의 크기는 style이 결정. --></div> <div></div></div> <div><br></div> <div></body></div> <div>...</div></div> <div><br></div> <div>결과</div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201506/14339428475Og5QgWQ2HiNF4W.png" width="800" height="522" alt="20150610221937.png" class="chimg_photo" style="border:none;"></div><br></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.
