I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 자바스크립트 팝업창 화면 중앙에 띄우기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 5. 24. 21:27

반응형

[즐거'웅'코드] 목차

  1. 예제 소스
  2. 구현 예시
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<input onclick="test('https://www.google.co.kr/','','500','300');" type="button" value="팝업창 열기"/>
 
<script>
    function test(url, title, w, h) {
        var screenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
        var screenTop = window.screenTop != undefined ? window.screenTop : screen.top;
 
        width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
        height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
 
        var left = ((width / 2) - (w / 2)) + screenLeft;
        var top = ((height / 2) - (h / 2)) + screenTop;
 
        window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
    }
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) CSS 짝수번째 객체만 스타일 주기  (0) 2021.05.26
(즐거웅코드) CSS 홀수번째 객체만 스타일 주기  (0) 2021.05.25
(즐거웅코드) 자바스크립트 radio button 체크 없애기  (0) 2021.05.23
(즐거웅코드) 자바스크립트 checkbox 체크 초기화하기  (0) 2021.05.21
(즐거웅코드) 자바스크립트 input 입력 내용 한꺼번에 지우기  (0) 2021.05.20

관련글

댓글 0

티스토리툴바