JavaScript學(xué)習(xí)筆記(十)
window對(duì)象表示整個(gè)瀏覽器窗口,window還可用于移動(dòng)或調(diào)整它表示的瀏覽器的大小。
一、窗口操作
window.moveBy(dx,dy)
把瀏覽器窗口相對(duì)當(dāng)前位置水平移動(dòng)dx個(gè)像素,垂直移動(dòng)dy個(gè)像素。dx值為負(fù)數(shù),向左移動(dòng)窗口,dy值為負(fù)數(shù),向上移動(dòng)窗口。
window.moveTo(x,y)
移動(dòng)瀏覽器窗口,使它的左上角位于用戶屏幕的(x,y)處。可以使用負(fù)數(shù),不過(guò)這樣會(huì)把部分窗口移出屏幕的可視區(qū)域。
window.resizeBy(dw,dh)
相對(duì)于瀏覽器窗口的當(dāng)前大小,把它口的寬度調(diào)整dw個(gè)像素,高度調(diào)整dy個(gè)像素。dw為負(fù)數(shù),把縮小窗口的寬度,dy為負(fù)數(shù),縮小窗口的高度。
window.resizeTo(w,h)
把窗口的寬度調(diào)整為w,高度調(diào)整為h。不能使用負(fù)數(shù)。窗口在屏幕上的位置以及它的尺寸。由于缺乏相應(yīng)的標(biāo)準(zhǔn),就產(chǎn)生了問(wèn)題。
二、導(dǎo)航和打開新窗口
window.open()方法打開新窗口
該方法接收四個(gè)參數(shù):①載入新窗口的URL ②新窗口的名字(為目標(biāo)所用) ③特性字符串 ④說(shuō)明是否用新載入的頁(yè)面替換當(dāng)前載入的頁(yè)面的Boolean值。
第三個(gè)參數(shù)特性字符串的設(shè)置列表:
|
設(shè)置 |
值 |
說(shuō)明 |
|
left |
Number |
新創(chuàng)建的窗口的左坐標(biāo),不能為負(fù)數(shù)* |
|
top |
Number |
說(shuō)明新創(chuàng)建的窗口的上坐標(biāo)。不能為負(fù)數(shù)* |
|
height |
Number |
設(shè)置新創(chuàng)建的窗口的高度。該數(shù)字不能小于100* |
|
width |
Number |
設(shè)置新創(chuàng)建的窗口的寬度。該數(shù)字不能小于100* |
|
resizable |
yes,no |
判斷新窗口能否拖動(dòng)邊線調(diào)整大小,默認(rèn)值是no |
|
scrollable |
yes,no |
判斷新窗口是否允許滾動(dòng),默認(rèn)值是no |
|
toolbar |
yes,no |
判斷新窗口是否顯示工具欄,默認(rèn)值是no |
|
status |
yes,no |
判斷新窗口是否顯示狀態(tài)欄,默認(rèn)值是no |
|
location |
yes,no |
判斷新窗口是否顯示地址欄,默認(rèn)值是no |
注意:特性字符串是用逗號(hào)分隔的,因此在逗號(hào)或等號(hào)前后不能有空格。
window.open()方法將返回window對(duì)象作為它的函數(shù)值,該window對(duì)象就是新創(chuàng)建的窗口(如果給定的名字是已有的框架名,則為框架)。用這個(gè)對(duì)象,可以操作新創(chuàng)建的窗口。
三、系統(tǒng)對(duì)話框
這個(gè)就不用多寫了。alert()、confirm()、prompt()
四、狀態(tài)欄
狀態(tài)欄告訴了用戶何時(shí)在載入頁(yè)面,何時(shí)完成載入頁(yè)面,可以通過(guò)window的兩個(gè)屬性控制:status和defaultStatus
defaultStatus用于定義瀏覽器狀態(tài)欄的默認(rèn)顯示內(nèi)容,但當(dāng)鼠標(biāo)移動(dòng)到鏈接上時(shí),狀態(tài)欄的文字就會(huì)改變,移出鏈接又會(huì)變?yōu)閐efaultStatus定義的值。這點(diǎn)區(qū)別于status屬性用于臨時(shí)改變狀態(tài)欄內(nèi)容。
五、時(shí)間間隔和暫停
setTimeout()接收兩個(gè)參數(shù),第一個(gè)參數(shù)可以是代碼串也可以是函數(shù)指針,第二個(gè)參數(shù)是執(zhí)行它之前要等待的毫秒數(shù)(1/1000秒)。
要暫停取消則調(diào)用clearTimeout()方法,該方法接收一個(gè)參數(shù)“數(shù)字暫停ID”,數(shù)字暫停ID是由setTimeout()創(chuàng)建的。setTimeout()返回的是一個(gè)數(shù)字暫停ID,與操作系統(tǒng)中的進(jìn)程ID相似。暫停ID本質(zhì)上是要延遲的進(jìn)程的ID。
六、歷史
go()方法只有一個(gè)參數(shù),即前進(jìn)或后退的頁(yè)面數(shù)。如果是負(fù)數(shù),就在瀏覽器歷史中后退,如果是整數(shù),就前進(jìn)。
window.history.go(-1); //后退一頁(yè)
window.history.go(1); //前進(jìn)一頁(yè)
或者
history.go(-1); //window對(duì)象的引用不是必需的
用back()方法和forward()方法可以實(shí)現(xiàn)同樣的操作:
history.back(); //后退一頁(yè)
history.forward(); //前進(jìn)一頁(yè)
用length屬性查看歷史中的頁(yè)面數(shù):
alert(history.length);
如果想前進(jìn)或后退多個(gè)頁(yè)面,可以用length屬性先看看是否可以這樣做。
相關(guān)文章
js判斷是否為數(shù)組的函數(shù): isArray()
像 Ajaxian,StackOverflow 等,搜一下,到處都在討論 isArray() 的實(shí)現(xiàn)。對(duì)于一切都是對(duì)象的 JavaScript 來(lái)說(shuō),確實(shí)有點(diǎn)麻煩2011-10-10
IScroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法
下面小編就為大家?guī)?lái)一篇IScroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
layui-laydate時(shí)間日歷控件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了layui-laydate時(shí)間日歷控件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
利用JS實(shí)現(xiàn)一個(gè)同Excel表現(xiàn)的智能填充算法
這篇文章主要給大家介紹了關(guān)于利用JS實(shí)現(xiàn)一個(gè)同Excel表現(xiàn)的智能填充算法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08
JavaScript運(yùn)動(dòng)框架 解決防抖動(dòng)問(wèn)題、懸浮對(duì)聯(lián)(二)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架的第二部分,解決防抖動(dòng)問(wèn)題、懸浮對(duì)聯(lián)問(wèn)題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
EXT中單擊button按鈕grid添加一行(光標(biāo)位置可設(shè)置)的實(shí)例代碼
這篇文章主要介紹了EXT中單擊button按鈕grid添加一行(光標(biāo)位置可設(shè)置)的實(shí)例代碼 的相關(guān)資料,需要的朋友可以參考下2016-06-06
JavaScript實(shí)現(xiàn)好看的跟隨彩色氣泡效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)好看的跟隨彩色氣泡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02

