JavaScript操縱窗口的方法小結

更新時間：2013年06月28日 15:42:33 作者：

一旦你得到了表示窗口的變量，你就能通過各種方法來操縱它。下面介紹一下對窗口的各種操作

在前面的介紹中，我們討論過close（）方法：

　　win = window.open（"http://www.dhdzp.com/", "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）
　　// 改變窗口大小到指定的高度與寬度（絕對改變大?。?BR>　　window.resizeTo（iWidth, iHeight）
　　// 改變窗口大小到指定的高度與寬度（相對改變大小）
　　window.resizeBy（iX, iY）

　　注意，這些方法都屬于window對象，所以它們智能在當前窗口或者其他可以引用的窗口被執(zhí)行。如果你想動態(tài)設置窗口的位置和尺寸，就可以在窗口創(chuàng)建后使用move和resize方法。
　　//form
　　注意，控制一個包含其他服務器頁面的窗口是不可能的。
　　最大化窗口
　　我們現(xiàn)在來介紹如何制作一個點擊后可最大化窗口的按鈕。
　　下面看看有關這個按鈕的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
　　一個懸浮的廣告
　　在網站上，通過移動廣告窗口，能夠吸引瀏覽者的注意力。我們可以通過調用下面的函數(shù)來實現(xiàn)讓窗口左右移動的效果：

復制代碼代碼如下:

　　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裝載后，函數(shù)startAD（）被執(zhí)行。如果用戶的瀏覽器支持window.screen對象，窗口才能移動，因為我們需要使用window.screen來計算屏幕的寬度。窗口在屏幕的上邊界滑動，從左上角（pos＝0）一直到右上角。
　　通過內建的setInterval（）函數(shù)，每隔50毫秒移動廣告窗口5個象素。如果點擊了“stop”按鈕，就將執(zhí)行下面

您可能感興趣的文章:

javascript實現(xiàn)數(shù)字配對游戲的實例講解
下面小編就為大家分享一篇javascript實現(xiàn)數(shù)字配對游戲的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
javascript中apply和call方法的作用及區(qū)別說明
本篇文章主要是對javascript中apply和call方法的作用及區(qū)別進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
JS操作字符串轉換為數(shù)值并取整的代碼
這篇文章主要介紹了JS操作字符串轉換為數(shù)值并取整的代碼，代碼比較短，需要的朋友可以參考下
2014-01-01
詳解json串反轉義（消除反斜杠）
這篇文章主要介紹了詳解json串反轉義（消除反斜杠），文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-08-08
小程序轉發(fā)探索示例
這篇文章主要介紹了小程序轉發(fā)探索示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
JavaScript錯誤處理try..catch...finally+涵蓋throw+TypeError+RangeEr
這篇文章主要介紹了JavaScript錯誤處理:try..catch...finally+涵蓋throw+TypeError+RangeError,文章內容具有一定的參考價值，需要的小伙伴可以參考一下，希望對你有所幫助
2021-12-12
前端存儲后端響應數(shù)據(jù)超詳細的實現(xiàn)方式和注意事項
前端通過多種方式向后端獲取數(shù)據(jù),下面這篇文章主要介紹了前端存儲后端響應數(shù)據(jù)超詳細的實現(xiàn)方式和注意事項,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2025-03-03
JavaScript中的this引用(推薦)
this是javascript的一個關鍵字，隨著函數(shù)使用場合不同，this的值會發(fā)生變化。這篇文章主要介紹了JavaScript中的this引用的相關資料,非常不錯，需要的朋友可以參考下
2016-08-08
使用JavaScript根據(jù)圖片獲取條形碼的方法
本文重點給大家介紹JavaScript識別圖片中的條形碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
2017-07-07
JS實現(xiàn)5秒鐘自動封鎖div層的方法
這篇文章主要介紹了JS實現(xiàn)5秒鐘自動封鎖div層的方法,涉及javascript針對div層操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02