熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavaScript操縱窗口的方法小結

2013-11-15 11:56:31  來源: JSP教程 
一旦你得到了表示窗口的變量你就能通過各種方法來操縱它下面介紹一下對窗口的各種操作  

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

復制代碼 代碼如下:
win = windowopen(" "js")
winclose()

  
JavaScript提供了許多方法與屬性我們可以使用它們來控制窗口
移動滾動改變大小
下面的方法(N+IE+)負責個定窗口的移動滾動以及大小改變操作

復制代碼 代碼如下:
// 移動窗口的屏幕位置到指定的偏移x y(絕對移動)
windowmoveTo(iX iY)
// 移動窗口的屏幕位置到指定的偏移x y(相對移動)
windowmoveBy(iX iY)
// 滾動窗口的屏幕位置到指定的偏移x y(絕對滾動)
windowscrollTo(iX iY)
// 滾動窗口的屏幕位置到指定的偏移x y(相對滾動)
windowscrollBy(iX iY)
// 改變窗口大小到指定的高度與寬度(絕對改變大小)
windowresizeTo(iWidth iHeight)
// 改變窗口大小到指定的高度與寬度(相對改變大小)
windowresizeBy(iX iY)

  
注意這些方法都屬於window對象所以它們智能在當前窗口或者其他可以引用的窗口被執行如果你想動態設置窗口的位置和尺寸就可以在窗口創建後使用move和resize方法
//form
注意控制一個包含其他服務器頁面的窗口是不可能的
最大化窗口
我們現在來介紹如何制作一個點擊後可最大化窗口的按鈕
下面看看有關這個按鈕的HTML和JavaScript代碼

復制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!
function maximizeWin() {
if (windowscreen) {
var aw = screenavailWidth;
var ah = screenavailHeight;
windowmoveTo(
windowresizeTo(aw ah)
}
}
// >
</SCRIPT>
<FORM><INPUT TYPE="button" VALUE="Maximize" onClick="maximizeWin()"></FORM>

  
注意resizeTo()方法引用整個窗口的尺寸 //form
一個懸浮的廣告
在網站上通過移動廣告窗口能夠吸引浏覽者的注意力我們可以通過調用下面的函數來實現讓窗口左右移動的效果

復制代碼 代碼如下:
function makeAd() {
windowopen("adpagehtml" "ad" "width=innerWidth=height=innerHeight=left=top=")
}

  
下面是頁面adpagehtml的代碼

復制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!
function startAd() {
if (windowscreen) {
pos = ;
aw = screenavailWidth;
windowmoveTo(pos
timerID = setInterval("moveAd()"
}
}
function moveAd() {
if (pos <= ) inc = ;
// so it doesnt pass the right edge
// accounts for the window chrome
if (pos + + + > aw) inc = ;
pos += inc; afacom
windowmoveTo(pos
}
windowonload = startAd;
// >
</SCRIPT>

  
當頁面adpagehtml裝載後函數startAD()被執行如果用戶的浏覽器支持windowscreen對象窗口才能移動因為我們需要使用windowscreen來計算屏幕的寬度窗口在屏幕的上邊界滑動從左上角(pos=)一直到右上角
通過內建的setInterval()函數每隔毫秒移動廣告窗口個象素如果點擊了“stop”按鈕就將執行下面


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19934.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.