페이지가 로드될 때 작업을 수행하게 하는 여러가지 방법


function doSomething(){

..

}



1. HTML 직접 함수를 할당하기


<body onload="doSomething();">



2. 스크립트 코드에서 함수를 할당하기


<script>

window.onload = doSomething;

</script>

함수를 핸들러로 할당할 경우는 괄호를 제외하고 함수명만 지정해야함.

괄호까지 사용하면 함수가 즉각 호출된다.



3. jQuery 이용 - $(document).ready()


<script>

$(document).ready(function(){

doSomething();

});

</script>



4. jQuery 이용 - function


<script>

$(function() {

doSomething();

});

</script>


함수를 인자로 전달하면 jQuery는 묵시적으로 ready() 함수를 호출해 수행한다.



1번 보다는 2번을 추천하며, 2번보다는 안정적인 3번, 4번을 추천한다.

2번같은 경우 다시 할당할 경우 이전에 있었던 함수가 없어지고 하나의 함수만 할당되기 때문에 생각하는 것과 다르게 동작할 수 있기 때문에 이점을 유의하여 사용해야 한다.

본인의 경우 3번을 가장 추천하는데 코드의 동작이 무슨 일을 하는 건지 정확하게 명시되어있기 때문에 4번보다는 3번을 선호하는 편이다.



jQuery 1.7 작고 강력한 자바스크립트 라이브러리 참고

Posted by Mooki

댓글을 달아 주세요