YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

window,document.onload 몇가지 방법

페이지 정보

작성자 MintState 댓글 0건 조회 17,919회 작성일 08-11-17 13:05

본문

window,document.onload 몇가지 방법

페이지에 자바스크립트 onload 방법의 기본은 아래와 같은 방법입니다.
window.onload = doit(); 나 <body onload="doit()">

window.onload = function(){ 시작시 실행될 내용 }
같은경우는 <body onload=""> 와 같이 사용 될 수 없습니다.
같이 사용하기 위해서는
function window::onload(){ 시작시 실행될 내용 }
를 사용 하면 됩니다. 그러면 <body onload="">가 먼저 실행되고, 이어서 window::onload()가 실행됩니다.


다른 방법으로는 prototype.js 를 이용합니다. 우선 prototype.js를 로딩시키고
<script language=JavaScript type=text/JavaScript src=prototype.js></script>
<script language="JavaScript">
Event.observe(window, 'load', function() { 시작시 실행될 내용 });
</script>

을 하면 됩니다. 페이지 어디도 쓸 수 있습니다. 맨마지막에 넣을 필요가 없죠. 개인적으로 prototype.js를 로딩시킨다면 가장 좋은 것 같습니다.

다음 방법은 addEvent라는 함수를 정의 시킨다음 addEvent를 통해 로딩 시키는 방법 입니다.
<SCRIPT type=text/javascript charset=euc-kr>
function addEvent(target, en, func)
{
	if (window.addEventListener) 
	{
		if ((target == window) && (en.toLowerCase() == "load") && !window.opera && !(!document.all && document.childNodes && !navigator.taintEnabled))
			document.addEventListener("DOMContentLoaded", func, false);
		else
	        target.addEventListener(en, func, false);
    }
    else if (target.attachEvent) 
	{
		if ((target == window) && (en.toLowerCase() == "load"))
	    	document.attachEvent("onreadystatechange", function(e) { if (document.readyState == "complete") func(); });
		else
	        target.attachEvent("on"+en, func);
    }
	else 
	{
        var __func = eval("target.on"+en);

        eval("target.on"+en) = function() 
		{
            func();
            __func();
        }
    }
};

function _EventFuntion()
{
	.........
}
addEvent(window, "load", EventFuntion);
</SCRIPT>

댓글목록

등록된 댓글이 없습니다.

Total 178건 1 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
178 MintState 20109 11-17
열람중 MintState 17920 11-17
176 MintState 16667 04-24
175 MintState 16011 01-19
174 MintState 15772 11-17
173 MintState 15744 02-17
172 MintState 13444 11-17
171 MintState 12764 02-13
170 MintState 12472 01-13
169 MintState 12449 04-29
168 MintState 12265 02-13
167 MintState 12109 10-27
166 MintState 11945 09-01
165 MintState 11430 11-17
164 MintState 11425 01-05
163 MintState 11378 11-17
162 MintState 11289 11-17
161 MintState 11082 11-17
160 MintState 10951 04-29
159 MintState 10866 10-23
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2019, YesYo.com MintState. ™