JavaScript 창 조작 방법 소결

앞에서 소개 한 바 와 같이,우 리 는 close()방법 에 대해 토론 한 적 이 있다.

  win = window.open("https://www.jb51.net/", "js");
  win.close();
자 바스 크 립 트 는 많은 방법 과 속성 을 제공 했다.우 리 는 그것들 을 사용 하여 창 을 제어 할 수 있다.이동,스크롤,크기 변경 아래 방법(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)
이 방법 들 은 모두 window 대상 에 속 하기 때문에 현재 창 이나 다른 참조 가능 한 창 에서 스마트 하 게 실 행 됩 니 다.창의 위치 와 사 이 즈 를 동적 으로 설정 하려 면 창 을 만 든 후에 move 와 resize 방법 을 사용 할 수 있 습 니 다.//form 다른 서버 페이지 를 포함 하 는 창 을 제어 하 는 것 은 불가능 합 니 다.창 을 최대 화 합 니 다.클릭 후 창 을 최대 화 할 수 있 는 단 추 를 만 드 는 방법 을 소개 합 니 다.이 단추 에 대한 HTML 과 JavaScript 코드 를 살 펴 보 겠 습 니 다.

  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function maximizeWin() {
  if (window.screen) {
  var aw = screen.availWidth;
  var ah = screen.availHeight;
  window.moveTo(0, 0);
  window.resizeTo(aw, ah);
  }
  }
  // -->
  </SCRIPT>
  <FORM><INPUT TYPE="button" VALUE="Maximize" onClick="maximizeWin()"></FORM>
resizeTo()방법 은 전체 창의 사 이 즈 를 참조 합 니 다.//form 은 웹 사이트 에 떠 있 는 광 고 를 통 해 모 바 일 광고 창 을 통 해 조회 자의 주 의 를 끌 수 있다.우 리 는 아래 함 수 를 호출 하여 창 을 좌우 로 이동 시 키 는 효 과 를 실현 할 수 있 습 니 다.

  function makeAd() {
  window.open("adpage.html", "ad", "width=468,innerWidth=468,height=80,innerHeight=80,left=0,top=0");
  }
다음은 페이지 adpage.html 의 코드 입 니 다.

  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function startAd() {
  if (window.screen) {
  pos = 0;
  aw = screen.availWidth;
  window.moveTo(pos, 0);
  timerID = setInterval("moveAd()", 50);
  }
  }
  function moveAd() {
  if (pos <= 0) inc = 5;
  // 5 - so it doesn't pass the right edge
  // 10 - accounts for the window chrome
  if (pos + 468 + 10 + 5 > aw) inc = -5;
  pos += inc; a380fa.com
  window.moveTo(pos, 0);
  }
  window.onload = startAd;
  // -->
  </SCRIPT>
페이지 adpage.html 가 불 러 오 면 함수 startAD()가 실 행 됩 니 다.사용자 의 브 라 우 저가 window.screen 대상 을 지원 한다 면 창 이 이동 할 수 있 습 니 다.왜냐하면 우 리 는 window.screen 을 사용 하여 화면의 폭 을 계산 해 야 하기 때 문 입 니 다.창 은 화면의 상단 경계 에서 미 끄 러 지 며 왼쪽 상단(pos=0)에서 오른쪽 상단 까지 미 끄 러 집 니 다.내 장 된 setInterval()함 수 를 통 해 50 밀리초 간격 으로 광고 창 5 개의 픽 셀 을 이동 합 니 다."stop"단 추 를 누 르 면 아래 를 실행 합 니 다.

좋은 웹페이지 즐겨찾기