자바스크립트로 팝업창 띄우기 예제입니다.
아래소스는 페이지가 로드될때 팝업창을 띄우는 소스이며 페이지가 로드될때 open_win() 이라는 함수를 호출합니다.
코드를 살펴봅시당~
<body onLoad="javascript:open_win();">
<body> 태그 안에 onLoad 라는 속성으로 javascript로 된 open_win()을 호출하는게 보이실 꺼에요.
그럼 스크립트 window.open 객체에 대해서 알아봅시당~
window.open 객체는 말그대로 새창을 띄우는 객체입니다. 너무 많이 쓰여서 검색해보시면 비슷한 글이 주루룩 나올꺼에요.그만큼 많이 쓰이며, 대중적이고 친숙하다는 거죠.
window.open 은 아래와 같이 쓰입니다.
window.open('팝업을실행할파일','팝업타이틀',width=팝업창가로크기, height=팝업창세로크기, 부가적옵션들........)
부가적옵션으로
left = 왼쪽에서위치
top = 위쪽에서 위치
toolbar = 톨바
location = 주소
directories = 디렉토리버튼
status = 상태바
menubar = 메뉴바
resizable = 창크기조절
scrollbars = 스크롤바
copyhissory = 주소복사
의 속성을 no, yes 로 제어 할 수 있습니다.
파일 다운로드는 아래 파일로 다운해주시기 바랍니다.
팝업소스.txt
첨부예제 입니다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<script language="javascript">
function open_win()
{
window.open('popup.html','popup', 'width=300, height=200, left=0, top=0, toolbar=no, location=no, directories=no, status=no, menubar=no, resizable=no, scrollbars=no, copyhistory=no');
}
</script>
<body onLoad="javascript:open_win();">
</body>
</html>
'IT정보센터 > Javascript & jQuery' 카테고리의 다른 글
| Javascript에서 undefined 처리, 핸들링 방법 안내 (0) | 2022.06.30 |
|---|---|
| Javascript 동적폼 전송 (0) | 2022.06.22 |
| #Javasciprt URL에서 도메인주소만 분리하기 (0) | 2021.07.13 |
| ajax를 이용한 제이쿼리 비동기식 전송방법 살펴보기~~ (0) | 2016.05.31 |
| 자바스크립트 클립보드 가져오기 붙이기 알아볼께요 (0) | 2016.05.24 |
| 자바스크립트 css 제어방법 알아보기 (0) | 2016.04.27 |