(jsp file)
/**
*
*/
/*window.open()
var 객체명=window.open('url','name','space,replace')
name은 안 보이기에 아무거나 쓰거나 안 써도 됨*/
function pop1(){
newWin=window.open('../image/popup3.jpg','Event','width=430,height=430,status=no,scrollbars=yes');
setTimeout('newWin.close()',3000)
}
function pop2(){
window.open('http://www.nate.com','Nate','width=430,height=430,status=no,scrollbars=yes')
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
(html file)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
<!-- onclick을 하려면 function을 만들어야 함 -->
<ol>
<li> <!-- popup에서 3초후에 닫히게 만들기close() -->
<a href="#" onclick="pop1()">공지사항</a>
</li>
<li>
<a href="#" onclick="window.open('http://www.naver.com','News',
'width=430,height=430,status=no')">뉴스</a>
</li>
<li>
<a href="#" onclick="pop2()">이벤트</a>
</li>
</ol>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 210923_select+onchange (0) | 2021.09.23 |
|---|---|
| 210923_settimeout (0) | 2021.09.23 |
| 210923_event+button+confirm+prompt (0) | 2021.09.23 |
| 210923_Event+confirm (0) | 2021.09.23 |
| 210923_event (0) | 2021.09.23 |