Javascript 에서 즉시 실행 function

Posted on Edited on In , Word count in article: 166 Reading time ≈ 1 mins.

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

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>

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