Javascript 에서 즉시 실행 function

바로 실행되는 함수가 필요하다

Web 페이지에 접속하자마자 전체 창으로 띄워주고 싶다

일단 웹페이지을 제어해야 하니 바로 사용자의 액션 없이 바로 실행되는 함수가 필요하다

즉시실행함수 유형

1. Jquery 라이브러리 필요

1
2
3
4
$(document).ready(function(){
//소스영역
alert('immediately function');
});

2. Jquery 라이브러리 필요

1
2
3
4
5
//document.ready 까지 제거
$(function(){
//소스영역
alert('immediately function');
});

3. 라이브러리 불필요

1
2
3
4
(function() {
//소스영역
alert('immediately function');
})();

4. 라이브러리 불필요

1
window.onload=alert('immediately function');

사용방법

head 태그 안에 jquery 라이브러리 포함시키고
전체화면 뜨울 수 있는 js 파일 포함시키고
즉시실행 함수로 iframe 을 만들고 특정 URL 을 전체화면으로 띄운다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="screenfull.min.js"></script>
<script>
$(function () {
const iframe = document.createElement('iframe')
iframe.setAttribute('id', 'external-iframe');
iframe.setAttribute('src', 'https://html5.gamemonetize.com/9gmkm5lcgxwf0xaqfkfybet50w7dgcvq/');
iframe.setAttribute('frameborder', 'no');
iframe.style.position = 'absolute';
iframe.style.top = '0';
iframe.style.right = '0';
iframe.style.bottom = '0';
iframe.style.left = '0';
iframe.style.width = '100%';
iframe.style.height = '100%';
$(document.body).prepend(iframe);
if (screenfull.isEnabled) {
screenfull.request(iframe, {navigationUI: 'hide'});
}
document.body.style.overflow = 'hidden';
});
</script>
</head>

실제 사용하려면 좀 더 수정해야 겠지만 당장 사용가능할 것 같다