'새 창'에 해당되는 글 1건

  1. 2008.03.09 [JAVA SCRIPT] 새 창 열기 예제

■ 새 창 열기 open() 메서드


페이지 로딩시 새 창 열기

<script language="javascript">
function winOpen()

{
       window.open("123.html", "newWin", "width=300, height=200, toolbar=no, scrollbars=yes");
}
</script>

<body onLoad="winOpen()">


클릭시 새 창 열기, 링크 열기

<script language="javascript">
function winOpen()

{
       window.open("123.html", "newWin", "width=300, height=200, toolbar=no, scrollbars=yes");
}
</script>

<font onClick="winOpen();">클릭 열기</font>

<a href="winOpen();">링크 열기</a>


매개 변수를 이용하여 열기

<script language="javascript">
function winOpen(url, winname, winhow)

{
       window.open(url, winname, winhow);
}
</script>

<a href= "winOpen('123.html', 'newWin', 'width=300, height=200, toolbar=no, scrollbars=yes');">매개 변수 열기</a>


■ 새 창 열기 close() 메서드


<script language="javascript">

function winClose()

{
       window.close();
}
</script>

<a href="winClose()">함수 이용 닫기</a>
<a href="window.close()">메서드 이용 닫기</a>


■ 새로 열린 창에서 연 창을 컨트롤하기


창 닫기 전에 연 창의 폼 요소에 값 넘기기

<script language="javascript">
function winClose(addr)

{
       opener.form1.address=addr;
       self.close();
}
</script>

<a href="winClose('서울 종로구');">종로구</a>
<a href="winClose('서울 마포구');">마포구</a>


창 닫기 전에 연 창을 리로드하기

<script language="javascript">

function winClose()

{
       opener.location.reload();
       self.close();
}
</script>

<a href= "winClose();">함수 이용 닫기</a>


■ 새로 열린 창에서 크기 조절하기 window.resizeTo


페이지 로딩시 크기 조절

<script language="javascript">
function winSize()

{
       window.resizeTo(300, 200); // 너비,높이
}
</script>

<body onLoad="winSize();">


■ 새로 열린 창에서 위치 조절하기 window.moveTo


페이지 로딩시 위치 조절

<script language="javascript">
function winMove()

{
       window.moveTo(200, 200); // X,Y 좌표
}
</script>

<body onLoad="winMove()">



해도해도해봐도 헷갈리는 window.open!!
내가 닭이라서 그런가..ㅠ_ㅠ

출처 블로그 > Dualist☆
원본 http://blog.naver.com/marix15/90013452575

Posted by 귀찮은 여니씨
,