<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="../js/pop.js"></script>
</head>
<body>
<ol>
<li>
<a href="#" onclick="popup1()">공지사항</a>
</li>
<li>
<a href="#" onclick="naver1()">네이버를 가로세로 500크기로 열기</a>
</li>
</ol>
</body>
</html>
function popup1(){
// 윈도우 처럼 새로 창이 뜨는것. 주로 공지사항 등...
window.open('../div_img/beauty1.jpg','hoho','width=400,height=500');
} // target(가운대 값) : 이름... 맘대로 써도 된다. 인자값 3개를 맞추기 위해 단순히 기입해주는거다. 기입 안해주고 '' 상태로 놔둬도 된다.
// 3번째 항 주의사항 : 소따옴표 하나 안에 모든걸 다 써 넣어야한다. 소따옴표 여러개 사용불가
function naver1(){
window.open('https://www.naver.com','naver','width=500,height=500');
}
초기화면
공지사항을 클릭했을때
네이버를 가로세로 500 크기로 열기 를 클릭했을때