![[JavaScript] 팝업창!(pop up)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FzTIQw%2FbtrmHEvOJIK%2FAAAAAAAAAAAAAAAAAAAAAEYvrUr2VCA3PpOGVdYN2085sNVvgFp8r7yknL922xXg%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1759244399%26allow_ip%3D%26allow_referer%3D%26signature%3Dj59fb5jlHwfYhkR1dzJYt3Ln3to%253D)
728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>팝업</title>
<script type="text/javascript">
function popUp(){
// open("경로", "이름", "옵션")
window.open("js13_popUp_res.html", "", "width=300px, height=300");
}
</script>
</head>
<body>
<button onclick="popUp();">팝업창!</button>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>강씨네집 씨네!</h1>
</body>
</html>
open메소드를 이용하여 팝업창을 띄울수 있습니다!
728x90
'JS 관련 > JavaScript' 카테고리의 다른 글
| [JavaScript] location(reload / href / assign / replace) (0) | 2022.01.24 |
|---|---|
| [JavaScript] Window객체, 간단한 회원가입 페이지 만들기 (0) | 2022.01.23 |
| [JavaScript] 배열(Array) (0) | 2022.01.21 |
| [JavaScript] String(문자 index찾기, 문자열추출, 분리하기) (0) | 2022.01.20 |
| [JavaScript] String(문자열 합치기, 동등연산자(==), === 연산자 등) (0) | 2022.01.19 |