웹페이지 호출시 자바스크립트를 호출하는 방법
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>
앞으로 이렇게 사용하자.