안녕하세요 모빌리티입니다.
자바 스크립트를 이용하여
팝업창을 만들어 보자구요.
<HTML>
<HEAD>
<TITLE>팝업창이 보여요!</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function winOpen(){
myWin=window.open("a.html","new","width=250,height=300"); 팝업창을 열어주는 함수
}
function winClose() {
myWin.close(); 팝업창을 닫아 주는 함수
}
//-->
</SCRIPT>
</HEAD>
<BODY topmargin="20">
<P align="center">
팝업창이 보여요!
<FORM method=post action="">
<INPUT type="button" value="창 열기" onclick="winOpen()"> 창열기
<INPUT type="button" value="창 닫기" onclick="winClose()"> 창닫기
</FORM>
</P>
</BODY>
</HTML>
이렇게 하면 다음과 같은 화면이 나와요
창열기와 창닫기 버튼으로
팝업창을 열고 닫을 수 있습니다.
태그에 속성을 참고 하세요
예제 파일
a.html
2017/06/27 - [컴퓨터＄/HTML] - [HTML #25] 자바 스크립트
2017/06/27 - [컴퓨터＄/HTML] - [HTML #26] 자바스크립트 파일 외부 사용
2017/06/27 - [컴퓨터＄/HTML] - [HTML #27] 자바스크립트 소스 보기
2017/06/27 - [컴퓨터＄/HTML] - [HTML #28] 자바스크립트의 정리
2017/06/27 - [컴퓨터＄/HTML] - [HTML #29] 자바스크립트 grammar
2017/06/27 - [컴퓨터＄/HTML] - [HTML #30] 자바 연산자
감사합니다.
나눔은 최고의 기쁨입니다. 이글이 도움이 되셨다면 아래 ♡ 빈 하트를 채워주세요.
'IT' 카테고리의 다른 글
| [HTML #32] 오른쪽 우클릭 방지 (0) | 2017.07.07 |
|---|---|
| [게이밍노트북] 최고사양에 이정도 무게 게이밍노트북. Aorus x3 Plus v7 (0) | 2017.07.06 |
| [추천앱] 혼자놀기앱_ 니온 얼굴인식 체험판 (0) | 2017.07.05 |
| [HTML #30] 자바 연산자 (0) | 2017.07.05 |
| [추천앱] 습관 제조기 무료앱(No광고) (0) | 2017.07.04 |
