JavaScript

210923_jsp+

요옫 2021. 9. 23. 15:22

(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