반응형
기본적으로 onload 함수에는 한개의 함수만 실행된다
예전에 많이 쓰던 방식으로는 태그에 직접 걸어주는 방식과 스크립트로 거는 방식이 있다
태그에 직접 거는 방식
<body onload="수행작업">
스크립트로 작성하는 방식
<script>
window.onload = "수행작업";
</script>
위의 방법들은 onload를 재지정하게 되면 마지막에 정의한 부분만 실행된다
한번에 여러함수를 실행하고 싶을때가 많은데
나의 경우는 두가지 방법을 사용한다.
두번째처럼 함수로 만들어 놓고 그때 그때 호출하는 방법이 제일 좋은것 같다
첫번째
하나의 이벤트에 두개의 메소드를 몰아 넣는 방법외에
또 한가지 해결 방법으로, attachEvent를 사용하여 해당 이벤트에 함수를 추가할 수 있습니다.
body에 있는 onload이벤트는 그대로 두고,
<script type="text/javascript">
window.attchEvent("onload", "수행작업");
</script>※ attachEvent로 추가된 함수는 detachEvent로 제거하실 수 있습니다.
두번째
<script type="text/javascript">
addLoadEvent(funLoad);
function addLoadEvent(func){
var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
};
}
}
function funLoad(){
// 필요한 작업들 입력
}
</script>반응형
'IT 인터넷' 카테고리의 다른 글
| [리눅스] vim(vi) 터미널 컬러 설정 (0) | 2024.09.28 |
|---|---|
| FTP 7.5 for IIS 7.0 가상디렉터리 기능 (0) | 2024.09.28 |
| 먹통 된 프린터 해결 방법(한글 등에서 취소/삭제 안될 때) (0) | 2024.09.27 |
| [html] alt와 title의 차이 (0) | 2024.09.27 |
| [리눅스] 폴더내 파일 euckr에서 utf8 포멧으로 일괄 변경하기 (0) | 2024.09.27 |
