이전 소개에서 close() 메서드에 대해 설명했습니다.
win = window.open("http://www.jb51.net/", "js")
win.close()
JavaScript는 창을 제어하는 데 사용할 수 있는 많은 메서드와 속성을 제공합니다.
이동, 스크롤 및 크기 조정
다음 메소드(N4, IE4)는 특정 창의 이동, 스크롤 및 크기 조정 작업을 담당합니다.
// 윈도우의 화면 위치를 지정된 오프셋 x, y로 이동합니다(절대 이동)
window.moveTo (iX, iY )
// 윈도우의 화면 위치를 지정된 x, y 오프셋으로 이동합니다. (상대 이동)
window.moveBy(iX, iY)
// 윈도우의 화면 위치를 이동합니다. 지정된 오프셋 x , y로 창 스크롤(절대 스크롤)
window.scrollTo (iX, iY)
// 창의 화면 위치를 지정된 오프셋 x, y로 스크롤(상대 스크롤)
window.scrollBy (iX, iY)
// 창 크기를 지정된 높이와 너비로 변경합니다. (절대 크기 변경)
window.resizeTo(iWidth, iHeight)
// 창 크기를 지정된 높이와 너비로 변경합니다. 지정된 높이 및 너비(상대적 크기 변경)
Window.resizeBy (iX, iY)
이 메서드는 모두 창 개체에 속하므로 현재 창 또는 창에서 지능적으로 실행됩니다. 참조할 수 있는 다른 창. 창의 위치와 크기를 동적으로 설정하려면 창을 만든 후 이동 및 크기 조정 메서드를 사용할 수 있습니다.
//form
다른 서버의 페이지가 포함된 창은 제어할 수 없다는 점에 유의하세요.
창 최대화
클릭 시 창을 최대화할 수 있는 버튼을 만드는 방법을 소개하겠습니다.
이 버튼에 대한 HTML 및 JavaScript 코드를 살펴보겠습니다.
resizeTo() 메소드는 전체 창의 크기를 나타냅니다. //form
플로팅 광고
홈페이지에서는 광고창을 이동하여 시청자의 관심을 끌 수 있습니다. 다음 함수를 호출하면 창을 좌우로 움직이는 효과를 얻을 수 있습니다.
function makeAd() {
window.open("adpage.html", "ad", "width=468,innerWidth=468,height=80,innerHeight=80,left =0,top=0 ");
}
다음은 adpage.html 페이지의 코드입니다.
페이지 adpage.html이 로드되면 startAD() 함수가 실행됩니다. 창은 사용자의 브라우저가 window.screen 개체를 지원하는 경우에만 이동할 수 있습니다. 화면 너비를 계산하려면 window.screen을 사용해야 하기 때문입니다. 창은 화면의 왼쪽 상단 모서리(pos=0)에서 오른쪽 상단 모서리로 슬라이드됩니다.
내장된 setInterval() 함수를 통해 광고 창을 50밀리초마다 5픽셀씩 이동합니다. "정지" 버튼을 클릭하면 다음이 실행됩니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
