var myWindow = null; function popOpen() { myWindow = window.open('', 'myWin', "width=400,height=400 left=200,top=200"); myWindow.document.write("<h1>팝업창입니다.</h1>"); myWindow.document.write("<p>창의 이름은 " + myWindow.name + " 입니다.</p>"); myWindow.document.write("<p>부모창의 이름은 " + myWindow.opener.name + " 입니다.</p>"); myWindow.document.write("<p>창의 초기 위치 및 크기 : width=400, height=400, left=200, top=200</p>"); } function popMoveBy() { if (myWindow) { myWindow.moveBy(50, 50); myWindow.focus(); } } function popMoveTo() { if (myWindow) { myWindow.moveTo(100, 100); myWindow.focus(); } } function popResizeBy() { if (myWindow) { myWindow.resizeBy(-50, -50); myWindow.focus(); } } function popResizeTo() { if (myWindow) { myWindow.resizeTo(600, 600); myWindow.focus(); } } function popColse() { if (myWindow) { myWindow.close(); } } function WinscrollBy() { window.scrollBy(30,0); } function WinscrollTo() { window.scrollTo(100,0); }
<button type="button" onclick="popOpen()">팝업창 만들기 open()</button> <br> <button tyep="button" onclick="popMoveBy()">moveBy(50,50)</button> <br> <button tyep="button" onclick="popMoveTo()">moveTo(100,100)</button> <br> <button tyep="button" onclick="popResizeBy()">resizeBy(-50,-50)</button> <br> <button tyep="button" onclick="popResizeTo()">resizeTo(600,600)</button> <br> <button tyep="button" onclick="popColse()">팝업창 닫기</button> <br> <hr> <div id="scrWrap"> 스크롤 테스트 버튼을 클릭하면 스크롤 됩니다. </div> <button tyep="button" onclick="WinscrollBy()">scrollBy(30,0)</button> <br> <button tyep="button" onclick="WinscrollTo()">scrollTo(100,0)</button>
#scrWrap {width:200%;}