Javaphua Blog

BlogJava

首頁

新隨筆

聯系

聚合

管理

46 Posts :: 5 Stories :: 46 Comments :: 0 Trackbacks

[轉]javascript window 對象

window 對象

狀態欄
屬性說明
defaultStatus 設置和獲取瀏覽器程序狀態欄的默認信息文本
status 設置和獲取瀏覽器程序狀態欄的信息文本

計時器

方法	說明
setTimeout(express,time)	延時time(ms)后執行express，express應該寫成字符串形式
clearTimeout( )	清除延時器
setInterval(express,time)	每間隔time(ms)執行express
clearInterval( )	清除定時器

兩個set方法將返回一個內部編號，將之作為參數提供給相應的clear方法即可停止。
setTimeout方法是延時執行，調用一次本方法，express得到一次執行（延時），在延時期間可以取消之；
setInterval方法是定時執行，調用一次本方法，express安規定的時間間隔反復執行，也可取消之。
可以在函數內部對自身進行延時調用，以達到定時的效果：
function f1( )
{... ...
?window.setTimeout("f1( )",1000);
}

<body onLoad="f1( )">

function f2( )
{... ...
}

<body onLoad="window.setInterval('f2( )',1000);">

窗口的打開與關閉
在超級鏈接中加入target屬性可以新開一個窗口，但前提是必須進行了點擊，當然我們也可通過代碼來打開一個新窗口。
新開一個窗口 <a href="eg/06-2%20test.html" target="_blank">新開一個窗口</a>
window.open("eg\\06-2%20test.html")
window.open( )方法可以產生一個新的窗口，同時返回該窗口的內部編號，可以利用該編號來控制這個窗口的行為。
用超級鏈接的方法新開窗口，無法控制窗口的大小外觀，使用open（）方法則可輕松實現。

winID=window.open("URL","winName","features","replace")

URL：新開窗口中打開網頁的URL地址；
winName：新開窗口的名字；
features：新開窗口的外觀特征（eg："left=0,top=0,directories" )，各參數間用，分隔；

features項	說明
left/secreenX	瀏覽器左上角X坐標（px） IE/NetScape
top/screenY	瀏覽器左上角Y坐標（px） IE/NetScape
height/innerHeight	瀏覽器高（px）最小值為100 IE/NetScape
width/innerWidth	瀏覽器寬（px）最小值為100 IE/NetScape
directories	顯示連接欄否
location	顯示地址欄否
menubar	顯示菜單欄否
resizeable	窗口大小可調否
scrollbars	顯示滾動條否
status	顯示狀態欄否
titlebar	顯示標題欄否
toolbar	顯示工具欄否

replace：為true表示替換新窗口的歷史記錄，否則不替換。

window.open("eg\\06-2%20test.html", "", "left=100, top=200, height=200, width=300, resizeable, toolbar, directories")

父窗口利用winID來控制新開的子窗口；子窗口則利用opener來訪問父窗口。
通過winID/opener可以探測窗口存在否；通過closed屬性可以探測窗口關閉否。
例：
父窗口控制子窗口
if(winID && !winID.closed)
? ? ? ? ? ? ? ? winID.close（）；
子窗口訪問父窗口
if(opener && !opener.closed)
? ? ? ? ? ? ? ? opener.close（）；

內置對話框

方法	說明
alert(message)	顯示警告信息提示窗口
confirm(message)	確認對話框，按“確定”按鈕返回true，按“取消”按鈕則返回false
prompt(message,defaultValue)	提示輸入信息，返回用戶輸入的信息字符串

另外兩種對話框（實際上是以對話框方式打開某一網頁）
IE4 ： showModalDialog(url,arguments,features)
IE5 ： showModelessDialog(url,arguments,features)

arguments：發送到網頁的參數，可以是任何數據，在顯示網頁中用window.dialogArguments屬性來獲取之。
features：新開對話框的外觀特征（eg："dialogWidth:200px;status:off" )，各參數間用；分隔；

屬性	說明
dialogHeight	對話框高，最小100px，IE5用px，IE4用em
dialogWidth	對話框寬
dialogTop	對話框左上角Y坐標
dialogLeft	對話框左上角X坐標
center	對話框是否顯示在桌面的正中？yes(default)/no
help	對話框是否顯示"?"號，可以提供提示說明功能。yes(default)/no
resizeable	IE5的屬性，對話框大小可調否？yes/no(default)
status	IE5的屬性，對話框顯示狀態欄否？yes(default)/no

window.showModelessDialog('eg\\06-2%20Modeless%20test.html',6688)

獲取屏幕的相關信息（window.screen）
屬性 screen
height 屏幕高
width 屏幕寬
availHeight 屏幕視野高
availWidth 屏幕視野寬
colorDepth 屏幕支持的色深

window.screen.height : 768 px
window.screen. width : 1024 px
window.screen.availHeight : 738 px
window.screen.availWidth : 1024 px
window.screen.colorDepth : 32 bit

改變窗口大小和位置

屬性
屬性說明
screenLeft 返回窗口左邊距
screenTop 返回窗口頂邊距

方法

方法	說明
moveTo(x,y)	窗口移動到屏幕(x,y)處
moveBy(offsetX,offsetY)	窗口按偏移量產生位移
resizeTo(width,height)	窗口大小調整為指定的高度和寬度
resizeBy(offsetWidth,offsetHeight)	窗口大小按增量進行調整

窗口內容的滾動
方法說明
scroll(x,y) 滾動窗口到制定位置
scrollTo(x,y) 同上
scrollBy(offsetX,offsetY) 按參數指出的偏移量進行滾動

思考：

打開網頁后，自動彈出廣告頁，大小為200*200；
輸入姓名后新開一個窗口顯示"
新開一個窗口，讓它逐漸變大到屏幕的一半；

新開一個窗口，讓它由屏幕左端向右端移動，然后關閉之；

設計一個震蕩移動的跑馬燈；

打開網頁后，網頁自動向上滾屏。

綜合練習；

posted on 2006-07-25 13:49 Javaphua 閱讀(1261) 評論(1) 編輯收藏

Feedback

# re: [轉]javascript window 對象 [未登錄] 2011-06-25 11:17 df

sad 回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

Javaphua Blog

常用鏈接

留言簿(4)

隨筆檔案

文章檔案

收藏夾

Blog

優秀的技術站點

技術鏈接

資源站點

搜索

最新隨筆

最新評論

閱讀排行榜

評論排行榜

Feedback

屬性	說明
defaultStatus	設置和獲取瀏覽器程序狀態欄的默認信息文本
status	設置和獲取瀏覽器程序狀態欄的信息文本

屬性	screen
height	屏幕高
width	屏幕寬
availHeight	屏幕視野高
availWidth	屏幕視野寬
colorDepth	屏幕支持的色深

屬性	說明
screenLeft	返回窗口左邊距
screenTop	返回窗口頂邊距

方法	說明
scroll(x,y)	滾動窗口到制定位置
scrollTo(x,y)	同上
scrollBy(offsetX,offsetY)	按參數指出的偏移量進行滾動