js window對(duì)象屬性和方法相關(guān)資料整理
window對(duì)象有以下方法:
open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture handleEvent releaseEvent routeEvent scroll
1. open方法
語法格式:window.open(URL,窗口名稱,窗口風(fēng)格)
功能:打開一個(gè)新的窗口,并在窗口中裝載指定URL地址的網(wǎng)頁。
說明:
open方法用于打開一個(gè)新的瀏覽器窗口,并在新窗口中裝入一個(gè)指定的URL地址;
open方法在打開一個(gè)新的瀏覽器窗口時(shí),還可以指定窗口的名稱(第二個(gè)參數(shù));
open方法在打開一個(gè)新的瀏覽器窗口時(shí),還可以指定窗口的風(fēng)格(第三個(gè)參數(shù)),窗口風(fēng)格有以下選項(xiàng),這些選項(xiàng)可以多選,如果多選,各選項(xiàng)之間用逗號(hào)分隔:
toolbar:指定窗口是否有標(biāo)準(zhǔn)工具欄。當(dāng)該選項(xiàng)的值為1或yes時(shí),表示有標(biāo)準(zhǔn)工具欄,當(dāng)該選項(xiàng)的值為0或no時(shí),表示沒有標(biāo)準(zhǔn)工具欄;
location:指定窗口是否有地址工具欄,選項(xiàng)的值及含義與toolbar相同;
directories:指定窗口是否有鏈接工具欄,選項(xiàng)的值及含義與toolbar相同;
status:指定窗口是否有狀態(tài)欄,選項(xiàng)的值及含義與toolbar相同;
menubar:指定窗口是否有菜單,選項(xiàng)的值及含義與toolbar相同;
scrollbar:指定當(dāng)前窗口文檔大于窗口時(shí)是否有滾動(dòng)條,選項(xiàng)的值及含義與toolbar相同;
resizable:指定窗口是否可改變大小,選項(xiàng)的值及含義與toolbar相同;
width:以像素為單位指定窗口的寬度,已被innerWidth取代;
height:以像素為單位指定窗口的高度,已被innerHeight取代;
outerWidth:以像素為單位指定窗口的外部寬度;
outerHeight:以像素為單位指定窗口的外部高度;
left:以像素為單位指定窗口距屏幕左邊的位置;
top:以像素為單位指定窗口距屏幕頂端的位置;
alwaysLowered:指定窗口隱藏在所有窗口之后,選項(xiàng)的值及含義與toolbar相同;
alwaysRaised:指定窗口浮在所有窗口之上,選項(xiàng)的值及含義與toolbar相同;
dependent:指定打開的窗口為當(dāng)前窗口的一個(gè)子窗口,并隨著父窗口的關(guān)閉而關(guān)閉,選項(xiàng)的值及含義與toolbar相同;
hotkeys:在沒有菜單欄的新窗口中設(shè)置安全退出的熱鍵,選項(xiàng)的值及含義與toolbar相同;
innerHeight:設(shè)定窗口中文檔的像素高度;
innerWidth:設(shè)定窗口中文檔的像素寬度;
screenX:設(shè)定窗口距離屏幕左邊界的像素長度;
screenY:設(shè)定窗口距離屏幕上邊界的像素長度;
titleBar:指明標(biāo)題欄是否在新窗口中可見,選項(xiàng)的值及含義與toolbar相同;
z-look:指明當(dāng)窗口被激活時(shí),不能浮在其它窗口之上,選項(xiàng)的值及含義與toolbar相同。
open方法返回的是該窗口的引用。
小技巧:該方法經(jīng)常用于在打開一個(gè)網(wǎng)頁時(shí)自動(dòng)打開另一個(gè)窗口。
2. close方法
語法格式:window.close()
功能:close方法用于自動(dòng)關(guān)閉瀏覽器窗口。
3. alert方法
語法格式: window.alert(提示字符串)
功能:彈出一個(gè)警告框,在警告框內(nèi)顯示提示字符串文本。
4. confirm方法
語法格式:window.confirm(提示字符串)
功能:顯示一個(gè)確認(rèn)框,在確認(rèn)框內(nèi)顯示提示字符串,當(dāng)用戶單擊“確定”按鈕時(shí)該方法返回true,單擊“取消”時(shí)返回false。
5. prompt方法
語法格式:window.prompt(提示字符串,缺省文本)
功能:顯示一個(gè)輸入框,在輸入框內(nèi)顯示提示字符串,在輸入文本框顯示缺省文本,并等待用戶輸入,當(dāng)用戶單擊“確定”按鈕時(shí),返回用戶輸入的字符串,當(dāng)單擊“取消”按鈕時(shí),返回null值。
6. setTimeout方法
語法格式:window.setTimeout(代碼字符表達(dá)式,毫秒數(shù))
功能:定時(shí)設(shè)置,當(dāng)?shù)搅酥付ǖ暮撩霐?shù)后,自動(dòng)執(zhí)行代碼字符表達(dá)式。
7. clearTimeout方法
語法格式:window.clearTimeout(定時(shí)器)
功能:取消以前的定時(shí)設(shè)置,其中的參數(shù)是用setTimeout設(shè)置時(shí)的返回值。
8. setInterval方法
語法格式:window.setInterval(代碼字符表達(dá)式,毫秒數(shù))
功能:設(shè)定一個(gè)時(shí)間間隔后(第二個(gè)參數(shù)),反復(fù)執(zhí)行“代碼字符表達(dá)式”的內(nèi)容
9. clearInterval方法
語法格式:window.clearInterval(時(shí)間間隔器)
功能:取消setInterval設(shè)置的定時(shí)。其中的參數(shù)是setInterval方法的返回值。
10. moveBy方法
語法格式:window.moveBy(水平位移量,垂直位移量)
功能:按照給定像素參數(shù)移動(dòng)指定窗口。第一個(gè)參數(shù)是窗口水平移動(dòng)的像素,第二個(gè)參數(shù)是窗口垂直移動(dòng)的像素。
11.moveTo方法
語法格式:window.moveTo(x,y)
功能:將窗口移動(dòng)到指定的指定坐標(biāo)(x,y)處。
12. resizeBy方法
語法格式:window.resizeBy(水平,垂直)
功能:將當(dāng)前窗口改變指定的大小(x,y),當(dāng)x、y的值大于0時(shí)為擴(kuò)大,小于0時(shí)為縮小。
13. resizeTo方法
語法格式:window.resizeTo(水平寬度,垂直寬度)
功能:將當(dāng)前窗口改變成(x,y)大小,x、y分別為寬度和高度。
14. scrollBy方法
語法格式:window.scrollBy(水平位移量,垂直位移量)
功能:將窗口中的內(nèi)容按給定的位移量滾動(dòng)。參數(shù)為正數(shù)時(shí),正向滾動(dòng),否則反向滾動(dòng)。
15. scrollTo方法
語法格式:window.scrollTo(x,y)
功能:將窗口中的內(nèi)容滾動(dòng)到指定位置。
16.find方法
語法格式:window.find()
功能:當(dāng)觸發(fā)該方法時(shí),將彈出一個(gè)“find”(查找)對(duì)話窗口,并允許用戶在觸發(fā)find方法的頁面中查找一個(gè)字符串。
注:該屬性在IE5.5及Netscape6.0中都不支持。
17. back方法
語法格式:window.back()
功能:模擬用戶點(diǎn)擊瀏覽器上的“后退”按鈕,將頁面轉(zhuǎn)到瀏覽器的上一頁。
說明:僅當(dāng)當(dāng)前頁面存在上一頁時(shí)才能進(jìn)行該操作。
注:IE5.5不支持該方法,Netscape6.0支持。
18. forward方法
語法格式:window.forward()
功能:模擬用戶點(diǎn)擊瀏覽器上的“前進(jìn)”按鈕,將頁面轉(zhuǎn)到瀏覽器的下一頁。
說明:僅當(dāng)當(dāng)前頁面存在下一頁時(shí)才能進(jìn)行該操作。
注:IE5.5不支持該方法,Netscape6.0支持。
19. home方法
語法格式:window.home()
功能:模擬用戶點(diǎn)擊瀏覽器上的“主頁”按鈕,將頁面轉(zhuǎn)到指定的頁面上。
注:IE5.5不支持該方法,Netscape6.0支持。
20. stop方法
語法格式:window.stop()
功能:模擬用戶點(diǎn)擊瀏覽器上的“停止”按鈕,終止瀏覽器的下載操作。
注:IE5.5不支持該方法,Netscape6.0支持。
21. print方法
語法格式:window.print()
功能:模擬用戶點(diǎn)擊瀏覽器上的“打印”按鈕,通知瀏覽器打開打印對(duì)話框打印當(dāng)前頁。
22. blur方法
語法格式:window.blur()
功能:從窗口中移出焦點(diǎn)。當(dāng)與focus方法合用時(shí)必須小心,因?yàn)榭赡軐?dǎo)致焦點(diǎn)不斷移進(jìn)移出。
23. focus方法
語法格式:window.focus()
功能:使窗口中得到焦點(diǎn)。當(dāng)與blur方法合用時(shí)必須小心,因?yàn)榭赡軐?dǎo)致焦點(diǎn)不斷移進(jìn)移出
24. captureevent方法
語法格式:window.captureevent(event)
window.captureevent(事件1|事件2|…|事件n)
功能:捕捉指定參數(shù)的所有事件。由于能夠捕獲哪些由本地程序自己處理的事件,所以程序員可以隨意定義函數(shù)來處理事件。如果有多個(gè)事件需要捕捉,各事件之間用管道符“|”隔開。可捕捉的事件類型如下:
event.abort event.blur event.change event.click event.dblclick event.dragdrop event.error event.focus event.keydown event.keypress event.keyup event.load event.mousedown event.mousuemove event.mouseout event.mouseover event.mouseup event.move event.reset event.resize event.select event.submit event.unload
25. enableexternalcapture事件
語法格式:window.enableexternalcapture(event)
功能:enableexternalcapture方法用于捕捉通過參數(shù)傳入的外部事件。
26. disableexternalcapture事件
語法格式:window.disableexternalcapture()
功能:取消enableexternalcapture方法的設(shè)置,終止對(duì)外部事件的捕捉。
27. handleevent事件
語法格式:window.handleevent(event)
功能:觸發(fā)指定事件的事件處理器。
28. releaseevent事件
語法格式:window.releaseevent(event)
window.releaseevent(事件1|事件2|…|事件n)
功能:釋放通過參數(shù)傳入的已被捕捉的事件,這些事件是由window.captureevent方法設(shè)置的,可釋放的事件與captureevent相同。
29. routeevent事件
語法格式:window.releaseevent(event)
功能:把被捕捉類型的所有事件轉(zhuǎn)交給標(biāo)準(zhǔn)事件處理方法進(jìn)行處理,可轉(zhuǎn)交的事件與captureevent相同。
30. scroll事件
語法格式:window.scroll(x坐標(biāo),y坐標(biāo))
功能:將窗口移動(dòng)到指定的坐標(biāo)位置。
window對(duì)象的屬性
window對(duì)象具有如下屬性:
status statusbar statusbar.visible defaultstatus location locationbar locationbar.visible self name closed frames frames.length length document history innerheight innerwidth menubar menubar.visible opener outerheight outerwidth pagexoffset pageyoffset parent personalbar personalbar.visible scrollbar scrollbar.visible toolbar toolbar.visible top
1. status屬性
語法格式:window.status=字符串
功能:設(shè)置或給出瀏覽器窗口中狀態(tài)欄的當(dāng)前顯示信息。
小技巧:可以使用該屬性設(shè)置瀏覽器窗口狀態(tài)欄信息。
2. statusbar屬性
語法格式:window.statusbar.屬性
功能:statusbar屬性本身也是一個(gè)對(duì)象,用于訪問它自已的visible屬性從而確定狀態(tài)欄是否可見。
注:ie5.5瀏覽器不支持該屬性。
3. statusbar.visible屬性
語法格式: window.statusbar.visible
功能:檢查狀態(tài)欄是否可見,如果可見則返回true,反之返回false。
注:ie5.5瀏覽器不支持該屬性。
4. defaultstatus屬性
語法格式:window.defaultstatus[=字符串]
功能:defaultstatus屬性值是瀏覽器窗中狀態(tài)欄的默認(rèn)顯示信息
5.location屬性
語法格式:window.location=url
功能:給出當(dāng)前窗口的url信息或指定打開窗口的url。
6. locationbar屬性
語法格式:window.locationbar.屬性
功能:locationbar屬性也可以看成是一個(gè)子對(duì)象,這個(gè)屬性用來獲取它自已的visible屬性來確定位置欄是否可見。 到目前為止,該屬性只有一個(gè)子屬性:visible。
注:ie5.5不支持該屬性。
7. locationbar.visible屬性
語法格式:window.locationbar.visible
功能:返回位置欄是否可見,如果可見返回true,反之返回false。
注:ie5.5不支持該屬性。
8. self屬性
語法格式:window.self.方法
window.self.屬性
功能:該屬性包含當(dāng)前窗口的標(biāo)志,利用這個(gè)屬性,可以保證在多個(gè)窗口被打開的情況下,正確調(diào)用當(dāng)前窗口內(nèi)的函數(shù)或?qū)傩远粫?huì)發(fā)生混亂。
9. name屬性
語法格式: window.name=名稱
功能:返回窗口名稱,這個(gè)名稱是由window.open()方法創(chuàng)建新窗口時(shí)給定的。在javascript1.0版本中,這個(gè)屬性只能用于讀取窗口名稱,而到了javascript1.1版本時(shí),可以用這個(gè)屬性給一個(gè)不是用window.open()方法創(chuàng)建的窗口指定一個(gè)名稱。
10. closed屬性
語法格式:window.closed
功能:closed屬性用于返回指定窗口的實(shí)例是否已經(jīng)關(guān)閉,如果關(guān)閉,返回true ,反之返回flase。
11. frames屬性
語法格式:window.frames[“框架名稱”]
window.frames[數(shù)值]
功能:frames屬性是一個(gè)數(shù)組,用來存儲(chǔ)文檔中每一個(gè)由元素創(chuàng)建的子窗口(框架)實(shí)例,其中的下標(biāo)即可以是次序號(hào)也可以是用frame元素的name屬性指定的名稱來得到并使用。
12. frames.length屬性
語法格式: window.frames.length
功能:frames.length屬性用于給出文檔中子窗口(框架)實(shí)例的個(gè)數(shù)。
13. length屬性
語法格式:window.length
功能:length屬性返回一個(gè)窗口內(nèi)的子窗口數(shù)目,該屬性與window.frame.length屬性的值相同。
14. document屬性
語法格式:window.document.事件 window.document.方法 window.document.屬性
功能:window對(duì)象的子對(duì)象document是javascript的核心對(duì)象,在腳本中遇到body元素時(shí)創(chuàng)建一個(gè)實(shí)例。
15. history屬性
語法格式: window.history[數(shù)值] window.history.方法() window.history.屬性
window對(duì)象的子對(duì)象history是javascript的核心對(duì)象之一,該屬性包含了一個(gè)已訪問過頁面的名稱和url的數(shù)組。
16. innerheight屬性
語法格式:window.innerheight=數(shù)值
功能:返回或指定瀏覽器窗口中文檔的像素高度,這個(gè)高度不包括任何工具欄和組成窗口的頁面修飾高度。
注:ie5.5不支持該屬性。
17. innerwidth屬性
語法格式:window.innerheight=數(shù)值
功能:返回或指定瀏覽器窗口中文檔的像素寬度,這個(gè)寬度不包括任何工具欄和組成窗口的頁面修飾寬度。
注:ie5.5不支持該屬性。
18. menubar屬性
語法格式:window.menubar.屬性
功能:menubar屬性也可以看成是一個(gè)子對(duì)象,這個(gè)屬性用來獲取它自已的visible屬性來確定菜單欄是否可見。到目前為止,該屬性只有一個(gè)子屬性:visible。
注:ie5.5不支持該屬性。
19. menubar.visible屬性
語法格式:window.menubar.visible
功能:menubar.visible屬性用于返回菜單欄是否可見,如果可見返回true,反之返回false。
注:ie5.5不支持該屬性。
20. opener屬性
語法格式:window.opener window.opener.方法 window.opener.屬性
功能:opener屬性與打開該窗口的父窗口相聯(lián)系,當(dāng)訪問子窗口中operer屬性時(shí),返回的是父窗口。通過該屬性,可以使用父窗口對(duì)象中的方法和屬性。
21. outerheight屬性
語法格式:window.outerheight
功能:outerheight屬性用于訪問瀏覽器窗口的像素高度,該高度包括工具欄和裝飾邊的高度。
注:ie5.5不支持該屬性。
22. outerwidth屬性
語法格式:window.outerwidth
功能:outerwidth屬性用于訪問瀏覽器窗口的像素寬度,該寬度包括工具欄和裝飾邊的寬度。
注:ie5.5不支持該屬性。
23. pagexoffset屬性
語法格式:window.pagexoffset=數(shù)值
功能:指定瀏覽器窗口中文檔左上角在窗口中的當(dāng)前水平像素位置。在利用moveto移動(dòng)之前,可以通過該屬性來決定是否需要移動(dòng)窗口。因?yàn)樵搶傩苑祷亓丝梢娢臋n相對(duì)整個(gè)頁面的當(dāng)前位置。
注:ie5.5不支持該屬性。
24. pageyoffset屬性
語法格式:window.pageyoffset=數(shù)值
功能:指定瀏覽器窗口中文檔左上角在窗口中的當(dāng)前垂直像素位置。在利用moveto移動(dòng)之前,可以通過該屬性來決定是否需要移動(dòng)窗口。因?yàn)樵搶傩苑祷亓丝梢娢臋n相對(duì)整個(gè)頁面的當(dāng)前位置。
注:ie5.5不支持該屬性。
25. parent屬性
語法格式:window.parent.frames[數(shù)值] window.parent.framesname
功能:訪問各個(gè)子窗口(多框架)所在的父窗口。
26. personalbar屬性
語法格式:window.personalbar.屬性
功能:personalbar屬性本身也是一個(gè)對(duì)象,用于訪問其自身的visible屬性來確定個(gè)人欄是否可見。
注:ie5.5不支持該屬性。
27. personalbar.visible屬性
語法格式:window.personalbar.visible
功能:確定個(gè)人欄是否可見,如果可見則返回true,反之返回false。
注:ie5.5不支持該屬性。
28. scrollbars屬性
語法格式:window.scrollbars.屬性
功能:scrollbars屬性本身也是一個(gè)對(duì)象,用于訪問其自身的visible屬性來確定滾動(dòng)欄是否可見
注:ie5.5不支持該屬性。
29. scrollbars.visible屬性
語法格式:window.scrollbars.visible
功能:scrollbars.visible用于確定滾動(dòng)欄是否可見,如果可見則返回true,反之返回false。
注:ie5.5不支持該屬性。
30. toolbar屬性
語法格式:window.toolbar.屬性
功能:toolbar屬性本身也是一個(gè)對(duì)象,用于訪問它自已的visible屬性從而確定工具欄是否可見。
注:ie5.5不支持該屬性。
31. toolbar.visible屬性
語法格式:window.toolbar.visible
功能:toolbar.visible屬性用于檢查工具欄是否可見,如果可見則返回true,反之返回false。
注:ie5.5不支持該屬性。
32. top屬性
語法格式:window.top.frames[數(shù)值] window.top.framename window.top.方法()
window.top.屬性
功能:window對(duì)象的top屬性用于包含所有裝入瀏覽器的子窗口(多框架)的最頂層窗口的信息。
- JavaScript對(duì)象屬性操作實(shí)例解析
- JS中如何輕松遍歷對(duì)象屬性的方式總結(jié)
- JS實(shí)現(xiàn)json對(duì)象數(shù)組按對(duì)象屬性排序操作示例
- JS遍歷對(duì)象屬性的方法示例
- 淺談JS使用[ ]來訪問對(duì)象屬性
- JS遍歷頁面所有對(duì)象屬性及實(shí)現(xiàn)方法
- JavaScript對(duì)象屬性檢查、增加、刪除、訪問操作實(shí)例
- JS 對(duì)象屬性相關(guān)(檢查屬性、枚舉屬性等)
- JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法
- JS對(duì)象屬性的檢測與獲取操作實(shí)例分析
相關(guān)文章
基于JavaScript實(shí)現(xiàn)拖動(dòng)滑塊效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)拖動(dòng)滑塊效果,拖動(dòng)滑塊時(shí)數(shù)字進(jìn)行變化,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02List all the Databases on a SQL Server
List all the Databases on a SQL Server...2007-06-06利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無刷新的具體方法
利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無刷新的具體方法,需要的朋友可以參考一下2013-06-06Javascript中函數(shù)名.length屬性用法分析(對(duì)比arguments.length)
這篇文章主要介紹了Javascript中函數(shù)名.length屬性用法,結(jié)合實(shí)例形式簡單對(duì)比分析了與arguments.length屬性的用法區(qū)別,需要的朋友可以參考下2016-09-09微信小程序?qū)崿F(xiàn)列表項(xiàng)左滑刪除效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)列表項(xiàng)左滑刪除效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08javascript解析xml實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)的方法
這篇文章主要介紹了javascript解析xml實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)的方法,涉及javascript針對(duì)節(jié)點(diǎn)的操作與XML文件解析的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07JavaScript中函數(shù)表達(dá)式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達(dá)式的不同
這篇文章主要介紹了JavaScript中函數(shù)表達(dá)式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達(dá)式的不同的相關(guān)資料,需要的朋友可以參考下2015-11-11