홈페이지가 열렸을 때 자동으로 팝업창이 띄워져 있는 경우를 자주 보셨을 텐데요. window.open() 이용한 팝업이 자동으로 메인에 뜰 수 있게 하는 방법을 알아보도록 하겠습니다.
1. window.open()
window.open( )은 팝업창을 만들때 사용하는데요. window.open('팝업 주소', '팝업창 이름', '팝업창 설정') 적어서 사용하시면 됩니다.
< 예시 >
window.open("Popup.html", "popup", "width=400, height=500, history=no, resizable=no, status=no, scrollbars=yes, menubar=no")
2. 코드
<script>
function popup(){
window.open("Popup.html", "popup", "width=400, height=500, history=no, resizable=no, status=no, scrollbars=yes, menubar=no")
}
</script>window.open("팝업으로 열릴 문서 경로", "팝업 될 문서 이름", "팝업창 옵션 설정")
<body onLoad="javascript:popup()">
<div>
팝업 자동 띄우기
</div>
</body><body>에 onLoad="javascript: ()" 넣어주어야지 창을 켰을 때 자동으로 팝업창이 띄어집니다.
3. 적용화면
'개발' 카테고리의 다른 글
| Table colspan width 너비 변경 안됨 해결 방법 (0) | 2023.04.26 |
|---|---|
| select태그랑 input태그가 사이에 공간없이 붙는 이유 (0) | 2022.12.14 |
| table-layout:fixed 테이블 셀 너비 변경하는 방법 (0) | 2022.11.25 |
| table-layout:fixed으로 테이블 너비 고정하기 (0) | 2022.11.24 |
| 한 페이지에 여러개 모달 팝업창 띄우기 (0) | 2022.10.27 |
댓글