본문 바로가기

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로 변경하세요.

 

버튼 보기 

 

반응형