본문 바로가기

HTML 예제

버튼 누르면 팝업창 뜨기

반응형

버튼을 누를 때 팝업 창을 띄우는 간단한 HTML 코드를 제공합니다.


<!DOCTYPE html>
<html>
<head>
    <title>팝업 창 띄우기</title>
    <script>
        function openPopup() {
            window.open("팝업창의_URL", "팝업창_이름", "width=400,height=300");
        }
    </script>
</head>
<body>
    <h1>팝업 창 띄우기 예제</h1>
    <button onclick="openPopup()">팝업 창 열기</button>
</body>
</html>

 


위 코드에서는 window.open() 함수를 사용하여 팝업 창을 엽니다. 팝업 창의 크기는 너비 400픽셀, 높이 300픽셀로 설정되어 있습니다. 실제로 사용하려면 "팝업창의_URL" 부분을 원하는 웹 페이지의 URL로 변경하세요.

 

버튼 보기 

 

반응형

'HTML 예제' 카테고리의 다른 글

미션 클리어 카운터  (0) 2023.12.08
실시간 주식 시세  (0) 2023.12.08
웹사이트 소개 페이지  (0) 2023.12.08
이미지 확대/축소 기능  (0) 2023.12.08
화면에 예쁜 텍스트 추가  (1) 2023.12.08