window.onload 사용법에 대해 알아 보겠습니다...
메인 페이지에 팝업창을 띄웠는데 페이지 로딩이 다 끝나지 않고
팝업이 뜨면서 이미지들이 제대로 로딩되지 않아서...
고민하던차에 window.onload를 사용해서 화면이 모두
로딩이 끝나면 팝업창이 나오도록 처리하니 깔끔하더라구요
위와 같은 화면 처리가 필요하실때 사용하시면 좋을것 같습니다...
예를 들어보겠습니다...
.... 중략 .....
window.open('경로','','width=,height=,등등속성들');
.... 중략 ......
위와같이 새창으로 팝업을 띄울 경우 저렇게만 되면
이미지나 플래시 파일을 불러오면서 중간에 팝업이
뜨면서 제대로 로딩이 안되는 현상이 발생하면
아래와 같이 바꿔주시면 됩니다...
window.onload = function(){
.... 중략 .....
window.open('경로','','width=,height=,등등속성들');
.... 중략 ......
}
위와 같이 추가 해주시면 위 소스가 들어간 페이지의
모든 파일(이미지/플래시등등)이 로딩이 끝나면 그후에
위 소스가 실행 되므로 문제가 해결되실거에요...
다른 방법으로는 html <body> 태그안에 onload를 넣는것입니다
<body onload="javascript:함수명;">
위와 같이 넣어주어도 같은 효과를 보실거에요...
위의 방법은 어디까지나 저에게 닥친 문제를 해결한 방법을
알려드린 것이기 때문에 여러 환경에 따라서 작동이 안되거나
오류가 날 수 있다는 것을 알아 주시길 바랍니다...
도움이 되시길 바라며~~ 이상 잡동사니였습니다~~
출처 - http://tkftjddla.blog.me/50112213459
============================================================================
window.onload와 window::onload()..
출처 :: http://cafe.naver.com/utiti/224
페이지 로딩시 시작할 스크립트 선언에 대해 <body onload="">의 onload를 많이 사용해 보았을 것입니다.
그리고 모든 페이지에서 공통으로 들어갈 스크립트는 페이지 마다 작성을 하지 않고, js 파일을 만들어 연결을 하여 사용을 할 것입니다.
여기서 그럼 모든 페이지에서 load시 공통으로 실행될 스크립트는 어떻게 작업을 할까요??
window.onload를 사용 하면 됩니다.
window.onload = function(){ 시작시 실행될 내용 }
이런식으로 말이죠.
그런데 문제는 window.onload와 <body onload="">는 동시에 사용을 할 수 없습니다.
<body onload="">가 실행이 되면 window.onload는 실행이 되지 않는 문제가 있습니다.
그래서 이를 해결하고자 할때 사용하는 것이
window::onload()입니다.
function window::onload(){ 시작시 실행될 내용 }
이렇게 사용을 하면 됩니다.
실행 순서는 <body onload="">가 먼저 실행되고, 이어서 window::onload()가 실행됩니다.
'Development > JavaScript' 카테고리의 다른 글
| JSON 예제 2 - String에서 읽기 (0) | 2012.04.13 |
|---|---|
| JSON 예제 1 (0) | 2012.03.28 |
| JSON 소개 (0) | 2012.03.27 |
| ECMAScript (0) | 2012.01.23 |
| JavaScript (0) | 2012.01.23 |
