首頁 > web前端 > js教程 > JavaScript操縱視窗的方法小結_javascript技巧

JavaScript操縱視窗的方法小結_javascript技巧

WBOY
發布: 2016-05-16 17:31:01
原創
1082 人瀏覽過

在前面的介紹中,我們討論過close()方法:

複製程式碼 程式碼如下:

  win = window.open("http://www.jb51.net/", "js");
  win.close();

 〔Script提供了許多方法與屬性,我們可以使用它們來控制視窗。
  移動、滾動、改變大小
  下面的方法(N4 ,IE4 )負責個定窗口的移動、滾動以及大小改變操作:
複製代碼 代碼如下:

  // 移動視窗的螢幕位置到指定的偏移x 、y(絕對移動)
  window.moveTo )
  // 移動視窗的螢幕位置到指定的偏移x 、y(相對移動)
  window.moveBy(iX, iY)
  // 滾動視窗的螢幕位置到指定的偏移x 、y(絕對滾動)
  window.scrollTo(iX, iY)
  // 滾動視窗的螢幕位置到指定的偏移x 、y(相對滾動)
  window.scrollBy(iX, iY)
  window.scrollBy(iX, iY)
  // 改變視窗大小到指定的高度與寬度(絕對改變大小)
  window.resizeTo(iWidth, iHeight)
  // 改變視窗大小到指定的高度與寬度(改變大小)
  window.resizeBy(iX, iY)


  注意,這些方法都屬於window對象,所以它們智慧在目前視窗或其他可以引用的視窗中執行。如果你想要動態設定視窗的位置和尺寸,你可以在視窗建立後使用move和resize方法。
  //form
  注意,控制一個包含其他伺服器頁面的視窗是不可能的。
  最大化視窗
  我們現在來介紹如何製作一個點擊後可最大化視窗的按鈕。
  以下來看看有關這個按鈕的HTML和JavaScript程式碼: 程式碼
  



複製程式碼
程式碼如下:  function makeAd() {  window.open("adpage.html", "ad", "width=468,innerWidth=468,height=80,innerHeight=80,left=top=00,left ");  }

  下面是頁面adpage.html的代碼:



複製代碼
程式碼如下:    
  


  當頁面adpage.html裝載後,函數startAD()被執行。如果使用者的瀏覽器支援window.screen對象,視窗才能移動,因為我們需要使用window.screen來計算螢幕的寬度。視窗在螢幕的上邊界滑動,從左上角(pos=0)一直到右上角。
  透過內建的setInterval()函數,每隔50毫秒移動廣告視窗5個像素。如果點選了「stop」按鈕,就將執行下面
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板