336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

이번엔 팝업창에서 자기자신창을 닫는 방법을 간단하게 보여드릴꼐요..

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
    self.close();   //자기자신창을 닫습니다.
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
</body>
</html>
cs

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요. 이번엔 간단하게 팝업을 띄우는 방법을 알려드릴께요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
 
    //팝업창출력
    //width : 300px크기
    //height : 300px크기
    //top : 100px 위의 화면과 100px 차이해서 위치
    //left : 100px 왼쪽화면과 100px 차이해서 위치
    //툴바 X, 메뉴바 X, 스크롤바 X , 크기조절 X
    window.open('http://www.naver.com','popName',
                'width=300,height=300,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no,status=no');
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
</body>
</html>
cs

 

 

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요. 이번엔 창에서 이동하는 방법을 알려드릴께요.

 

먼저 현재창에서 이동하는 방법을 알려드리겠습니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
 
    //현재창에서 다른페이지로 이동합니다.
    window.location.href="http://www.naver.com";
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
</body>
</html>
cs

현재창에서 이동하는 방법입니다.

 

이번엔 팝업창에서 부모창을 이동시키는 방법입니다.

크게 다르지 않고, opener만 붙였습니다. 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 javascript 호출합니다.
function javascript(){
 
    //팝업창에서 부모창을 다른페이지로 이동합니다.
    window.opener.location.href="http://www.naver.com";
}
</script>
</head>
<body>
<input type='button' onclick='javascript()' value='버튼'/>
</body>
</html>
cs

 

 

 

 

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT 자기창 닫기  (1) 2015.11.28
JAVASCRIPT 팝업창 띄우기  (0) 2015.11.28
JAVASCRIPT getElementsByName사용하기  (0) 2015.11.28
JAVASCRIPT padding쓰기2  (0) 2015.11.26
JAVASCRIPT Padding쓰기  (0) 2015.11.26

+ Recent posts