페이지 로딩시 시작할 스크립트 선언에 대해 <body onload="">의 onload를 많이
사용해 보았을 것입니다.
그리고 모든 페이지에서 공통으로 들어갈 스크립트는 페이지 마다 작성을 하지 않고,
js 파일을 만들어 연결을 하여 사용을 할 것입니다.
여기서 그럼 모든 페이지에서 load시 공통으로 실행될 스크립트는 어떻게 작업을 할까요??
window.onload를 사용 하면 됩니다.
window.onload = function(){ 시작시 실행될 내용 }
이런식으로
그런데 문제는 window.onload와 <body onload="">는 동시에 사용을 할 수 없돠
<body onload="">가 실행이 되면 window.onload는 실행이 되지 않는 문제가 있지....
그래서 이를 해결하고자 할때 사용하는 것이
window::onload()
function window::onload(){ 시작시 실행될 내용 } >> 될 수 있음 쓰지마...ie 에서만 ...
실행 순서는 <body onload="">가 먼저 실행되고, 이어서 window::onload()가 실행
window.onload
전체 페이지의 모든 외부 리소스와 이미지가 브라우저에서 불러진 이 후 작동.
디딜레이가 생기면 그만큼 오래 걸림
$J('document').ready(function(){ }
외부 리소스, 이미지 상관없이 dom만 로드가 완료되면 바로 실행
더 빠름
댓글 없음:
댓글 쓰기