/* 선팝업 */

* HTML

<body onload="Popup();">


* JavaScript

<script>

/*

 // URL 부분엔 원하는 URL 입력
 // 변경 사이즈가 있을 경우 w = width(넓이,가로) , h = height(높이,세로) 변경

*/

function Popup(){

var w = window.document.body.offsetWidth;

var h = window.document.body.offsetHeight;

window.open("URL","_blank","top=0,left=0,width="+w+",height="+h+",toolbar=0,status=0,scrollbars=1,resizable=0");}

</script>


* jQuery

$(window).load(function() { 


});


/* 후팝업 */

* HTML

<body onunload="Popup();">
 

* JavaScript

<script>

/*

 // URL 부분엔 원하는 URL 입력
 // 변경 사이즈가 있을 경우 w = width(넓이,가로) , h = height(높이,세로) 변경

*/

function Popup(){

var w = window.document.body.offsetWidth;

var h = window.document.body.offsetHeight;

window.open("URL","_blank","top=0,left=0,width="+w+",height="+h+",toolbar=0,status=0,scrollbars=1,resizable=0");}

</script>


* jQuery

$(window).unload(function() { 


});

 

* 처리순서
1 또는 2 ( 같이 사용 됨 ) => 3

3번은 중복 사용할 경우 모두 실행
2번은 중복 사용할 경우 마지막 코드만 실행



*jQuery = ready() 와 *JavaScript onload 차이점

 

1. ready는 페이지가 로딩되면 즉시 실행된다.
 onload는 페이지의 모든 컨텐츠가 로딩된 후 실행된다.

2. ready는 여러 개를 중복 사용해도 모두 실행된다.

 onload는 여러 개를 중복 사용하면 마지막 onload만 실행된다.

3. ready와 onload(또는 <body onload="">)는 같이 실행된다.(ready => onlaod 순으로 실행)

 onload와 <body onload="">는 같이 실행되지 않는다.(body의 onload만 실행)

+ Recent posts