- 狀態(tài)欄
屬性 說(shuō)明 defaultStatus 設(shè)置和獲取瀏覽器程序狀態(tài)欄的默認(rèn)信息文本 status 設(shè)置和獲取瀏覽器程序狀態(tài)欄的信息文本 - 計(jì)時(shí)器
兩個(gè)set方法將返回一個(gè)內(nèi)部編號(hào),將之作為參數(shù)提供給相應(yīng)的clear方法即可停止。方法 說(shuō)明 setTimeout(express,time) 延時(shí)time(ms)后執(zhí)行express,express應(yīng)該寫成字符串形式 clearTimeout( ) 清除延時(shí)器 setInterval(express,time) 每間隔time(ms)執(zhí)行express clearInterval( ) 清除定時(shí)器
setTimeout方法是延時(shí)執(zhí)行,調(diào)用一次本方法,express得到一次執(zhí)行(延時(shí)),在延時(shí)期間可以取消之;
setInterval方法是定時(shí)執(zhí)行,調(diào)用一次本方法,express安規(guī)定的時(shí)間間隔反復(fù)執(zhí)行,也可取消之。
可以在函數(shù)內(nèi)部對(duì)自身進(jìn)行延時(shí)調(diào)用,以達(dá)到定時(shí)的效果:
function f1( )
{... ...
?window.setTimeout("f1( )",1000);
}
<body onLoad="f1( )">
function f2( )
{... ...
}
<body onLoad="window.setInterval('f2( )',1000);"> - 窗口的打開(kāi)與關(guān)閉
在超級(jí)鏈接中加入target屬性可以新開(kāi)一個(gè)窗口,但前提是必須進(jìn)行了點(diǎn)擊,當(dāng)然我們也可通過(guò)代碼來(lái)打開(kāi)一個(gè)新窗口。
新開(kāi)一個(gè)窗口 <a href="eg/06-2%20test.html" target="_blank">新開(kāi)一個(gè)窗口</a>
window.open("eg\\06-2%20test.html")
window.open( )方法可以產(chǎn)生一個(gè)新的窗口,同時(shí)返回該窗口的內(nèi)部編號(hào),可以利用該編號(hào)來(lái)控制這個(gè)窗口的行為。
用超級(jí)鏈接的方法新開(kāi)窗口,無(wú)法控制窗口的大小外觀,使用open( )方法則可輕松實(shí)現(xiàn)。
winID=window.open("URL","winName","features","replace")
URL:新開(kāi)窗口中打開(kāi)網(wǎng)頁(yè)的URL地址;
winName:新開(kāi)窗口的名字;
features:新開(kāi)窗口的外觀特征(eg:"left=0,top=0,directories" ),各參數(shù)間用,分隔;features項(xiàng) 說(shuō)明 left/secreenX 瀏覽器左上角X坐標(biāo)(px) IE/NetScape top/screenY 瀏覽器左上角Y坐標(biāo)(px) IE/NetScape height/innerHeight 瀏覽器高(px) 最小值為100 IE/NetScape width/innerWidth 瀏覽器寬(px) 最小值為100 IE/NetScape directories 顯示連接欄否 location 顯示地址欄否 menubar 顯示菜單欄否 resizeable 窗口大小可調(diào)否 scrollbars 顯示滾動(dòng)條否 status 顯示狀態(tài)欄否 titlebar 顯示標(biāo)題欄否 toolbar 顯示工具欄否
replace:為true表示替換新窗口的歷史記錄,否則不替換。window.open("eg\\06-2%20test.html", "", "left=100, top=200, height=200, width=300, resizeable, toolbar, directories")
父窗口利用winID來(lái)控制新開(kāi)的子窗口;子窗口則利用opener來(lái)訪問(wèn)父窗口。
通過(guò)winID/opener可以探測(cè)窗口存在否;通過(guò)closed屬性可以探測(cè)窗口關(guān)閉否。
例:
父窗口控制子窗口
if(winID && !winID.closed)
? ? ? ? ? ? ? ? winID.close( );
子窗口訪問(wèn)父窗口
if(opener && !opener.closed)
? ? ? ? ? ? ? ? opener.close( ); - 內(nèi)置對(duì)話框
方法 說(shuō)明 alert(message) 顯示警告信息提示窗口 confirm(message) 確認(rèn)對(duì)話框,按“確定”按鈕返回true,按“取消”按鈕則返回false prompt(message,defaultValue) 提示輸入信息,返回用戶輸入的信息字符串 - 另外兩種對(duì)話框(實(shí)際上是以對(duì)話框方式打開(kāi)某一網(wǎng)頁(yè))
IE4 : showModalDialog(url,arguments,features)
IE5 : showModelessDialog(url,arguments,features)
arguments:發(fā)送到網(wǎng)頁(yè)的參數(shù),可以是任何數(shù)據(jù),在顯示網(wǎng)頁(yè)中用window.dialogArguments屬性來(lái)獲取之。
features:新開(kāi)對(duì)話框的外觀特征(eg:"dialogWidth:200px;status:off" ),各參數(shù)間用;分隔;屬性 說(shuō)明 dialogHeight 對(duì)話框高,最小100px,IE5用px,IE4用em dialogWidth 對(duì)話框?qū)?/td> dialogTop 對(duì)話框左上角Y坐標(biāo) dialogLeft 對(duì)話框左上角X坐標(biāo) center 對(duì)話框是否顯示在桌面的正中?yes(default)/no help 對(duì)話框是否顯示"?"號(hào),可以提供提示說(shuō)明功能。yes(default)/no resizeable IE5的屬性,對(duì)話框大小可調(diào)否?yes/no(default) status IE5的屬性,對(duì)話框顯示狀態(tài)欄否?yes(default)/no
window.showModelessDialog('eg\\06-2%20Modeless%20test.html',6688) - 獲取屏幕的相關(guān)信息(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 - 改變窗口大小和位置
- 屬性
屬性 說(shuō)明 screenLeft 返回窗口左邊距 screenTop 返回窗口頂邊距 - 方法
方法 說(shuō)明 moveTo(x,y) 窗口移動(dòng)到屏幕(x,y)處 moveBy(offsetX,offsetY) 窗口按偏移量產(chǎn)生位移 resizeTo(width,height) 窗口大小調(diào)整為指定的高度和寬度 resizeBy(offsetWidth,offsetHeight) 窗口大小按增量進(jìn)行調(diào)整
- 屬性
- 窗口內(nèi)容的滾動(dòng)
方法 說(shuō)明 scroll(x,y) 滾動(dòng)窗口到制定位置 scrollTo(x,y) 同上 scrollBy(offsetX,offsetY) 按參數(shù)指出的偏移量進(jìn)行滾動(dòng)
思考:
- 打開(kāi)網(wǎng)頁(yè)后,自動(dòng)彈出廣告頁(yè),大小為200*200;
- 輸入姓名后新開(kāi)一個(gè)窗口顯示"
- 新開(kāi)一個(gè)窗口,讓它逐漸變大到屏幕的一半;
- 新開(kāi)一個(gè)窗口,讓它由屏幕左端向右端移動(dòng),然后關(guān)閉之;
- 設(shè)計(jì)一個(gè)震蕩移動(dòng)的跑馬燈;
- 打開(kāi)網(wǎng)頁(yè)后,網(wǎng)頁(yè)自動(dòng)向上滾屏。
- 綜合練習(xí);