JavaScriptはウィンドウを操作する方法で結び目を作ります.

2951 ワード

前の紹介では、クローズドの方法について議論しました.
 
  
  win = window.open("//www.jb51.net/", "js");
  win.close();
JavaScriptは多くの方法と属性を提供しています.それらを使ってウィンドウをコントロールできます.
移動、スクロール、サイズ変更
次の方法(N 4+、IE 4+)は、所定のウィンドウの移動、スクロール、サイズ変更の操作を担当します.
 
  
  // 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コードを見てみます.
 
  
   <br>  <!-- <br>  function maximizeWin() { <br>  if (window.screen) { <br>  var aw = screen.availWidth; <br>  var ah = screen.availHeight; <br>  window.moveTo(0, 0); <br>  window.resizeTo(aw, ah); <br>  } <br>  } <br>  // --> <br>  
  

この方法はウィンドウ全体のサイズを参照してください.フォームm
懸濁した広告
ウェブサイトでは、モバイル広告ウィンドウを通じて、閲覧者の注目を集めることができます.下の関数を呼び出して、ウィンドウを左右に動かす効果があります.
 
  
  function makeAd() {
  window.open("adpage.html", "ad", "width=468,innerWidth=468,height=80,innerHeight=80,left=0,top=0");
  }
以下はページのadpage.1のコードです.
 
  
   <br>  <!-- <br>  function startAd() { <br>  if (window.screen) { <br>  pos = 0; <br>  aw = screen.availWidth; <br>  window.moveTo(pos, 0); <br>  timerID = setInterval("moveAd()", 50); <br>  } <br>  } <br>  function moveAd() { <br>  if (pos <= 0) inc = 5; <br>  // 5 - so it doesn't pass the right edge <br>  // 10 - accounts for the window chrome <br>  if (pos + 468 + 10 + 5 > aw) inc = -5; <br>  pos += inc; a380fa.com <br>  window.moveTo(pos, 0); <br>  } <br>  window.onload = startAd; <br>  // --> <br>  
ページadpage.htmlを搭載すると、関数startAD()が実行されます.もしユーザーのブラウザがwindow.screenオブジェクトをサポートするなら、ウィンドウは移動できます.私たちはwindow.screenを使って画面の幅を計算します.画面の上端をスライドさせ、左上から右上までスライドさせます.
ビルドされたsetInterval関数を通じて、広告ウィンドウ5つのピクセルを50ミリ秒ごとに移動します.「stop」ボタンをクリックしたら、次のようにします.