웹페이지 호출시 자바스크립트 호출하기

웹페이지 호출시 자바스크립트를 호출하는 방법

1. 페이지의 마지막 부분에 직접 자바스크립트를 호출한다.
< html>
< head>
.
.
.
< script type="text/javascript">
aaa();
< /script>
< /body>
< /html>

이방법은 태그와 스크립트가 같이 쓰이기 때문에 상당히 지저분하다.

2. body 태그의 onload 이벤트를 호출한다.
< body onload='aaa();'> ....< /body>

이방법은 위의 방법보다는 깔끔하나 마찬가지로 태그와 스크립트가 같이 사용되었으므로 지저분하다.

3. 자바스크립트 안에 onload 이벤트를 정의한다.
< head>
< script type="text/javascript">
window.onload = aaa;

function aaa()
{
}

< /script>
< /head>

이 방법은 스크립트 정의하는 부분에 onload이벤트를 두어 깔끔하나 하나의 함수밖에 호출할 수 없다.

4. onload 안에 여러개의 함수가 들어갈 수 있도록 한다.
< head>
< script type="text/javascript">
window.onload = function(){
  aaa();
  bbb();
}
function aaa(){}
function bbb(){}
< /script>
< /head>

이 방법은 여러개의 함수를 하나의 이벤트에서 처리하여 깔끔하나 함수가 많을 경우 복잡해줄 수 있다.

5. onload 이벤트 안에 여러개의 함수를 정의하여 사용하기

< script type="text/javascript">
function addLoadEvent(func){
  var oldonload = window.onload;
  if(typeof window.onload != 'function'){
    window.onload = func;
  }else{
    window.onload = function(){
      oldonload();
      func();
    }
  }
}

addLoadEvent(aaa);
addLoadEvent(bbb);
addLoadEvent(ccc);
< /script>

앞으로 이렇게 사용하자.