閱讀33 返回首頁    go 阿裏雲 go 技術社區[雲棲]


js中的Window對象

JavaScript分為 ECMAScript,DOM,BOM; DOM 是指文檔對象模型,並非一個對象; BOM就是瀏覽器窗口對象模型,頂級對象是window; window,document都是一個實例對象,他們都屬於Object,表示瀏覽器中打開的窗口

Window對象是客戶端javascript最高層對象之一;隻要打開瀏覽器窗口,不管該窗口中是否有打開的網頁,當遇到BODY、FRAMESET或FRAME元素時,都會自動建立window對象的實例;另外,該對象的實例也可由window.open()方法創建。由於window對象是其它大部分對象的共同祖先,在調用window對象的方法和屬性時,可以省略window對象的引用。例如:window.document.write()可以簡寫成: document.write()

在窗口中觖發本窗口對象的任何方法和屬性時可以省去窗口的實例名稱。例如給當前的myWin窗口設置status屬性時,可以隻用status而不用myWin.status。但是,在事件處理中調用location屬性、close()方法或open()方法時必須使用實例名稱

Navigator(導航器對象)

appCodeName:返回瀏覽器代碼名

appName:返回瀏覽器名稱

appVersion:返回瀏覽器的平台和版本信息

cookieEnabled:返回瀏覽器中指明是否啟用cookie的布爾值

platform:返回運行瀏覽器的操作係統平台

userAgent:返回由客戶機發送服務器的user-agent頭部的值

screen(顯示器對象)

availHeight

語法格式:window.screen.availHeight

功能:以像素為單位返回顯示屏幕的可用高度

availWidth

語法格式:window.screen.availWidth

功能:以像素為單位返回顯示屏幕的可用寬度

height/ width

功能:以像素為單位指定窗口分辨率的高度/寬度,已被innerHeight/innerWidth取代;

innerHeight屬性

語法格式:window.innerHeight=數值

功能:返回或指定瀏覽器窗口中文檔的像素高度,這個高度不包括任何工具欄和組成窗口的頁麵修飾高度

注:IE5.5不支持該屬性。

innerWidth屬性

語法格式:window.innerHeight=數值

功能:返回或指定瀏覽器窗口中文檔的像素寬度,這個寬度不包括任何工具欄和組成窗口的頁麵修飾寬度

注:IE5.5不支持該屬性。

outerHeight屬性

語法格式:window.outerHeight

功能:outerHeight屬性用於訪問瀏覽器窗口的像素高度,該高度包括工具欄和裝飾邊的高度

注:IE5.5不支持該屬性。

outerWidth屬性

語法格式:window.outerWidth

功能:outerWidth屬性用於訪問瀏覽器窗口的像素寬度,該寬度包括工具欄和裝飾邊的寬度

注:IE5.5不支持該屬性。

colorEdpth:返回屏幕顏色的位數

history(曆史對象)

history屬性

語法格式:window.history[數值] window.history.方法() window.history.屬性

window對象的子對象history是javascript的核心對象之一,該屬性包含了一個已訪問過頁麵的名稱和URL的數組

back()/forward():返回上/下一個url

go():返回某個具體頁麵

location(位置對象)

屬性

hash:設置或返回從#開始的url

host:設置或返回主機名和當前url的端口號

hostname:設置或返回當前url的主機名

href:設置或返回完整的url

pathname:設置或返回url的路徑部分

port:設置或返回當前url的端口號

protocol:設置或返回當前url的協議

search:設置或返回從?開始的url

方法

assign(URL):加載新文檔

reload():重新加載當前頁麵

replace(newURL):用新的文檔替換當前文檔

open方法

語法格式: window.open(URL,窗口名稱,窗口風格)

功能:打開一個新的窗口,並在窗口中裝載指定URL地址的網頁。

注意:這裏的窗口名稱,窗口名字可以是自己定義的,也可以是係統的 如:_blank, _self, _parent, _top....

_blank : URL被加載到一個新的未命名的窗口

_media : URL被加載到一個媒體欄中。(僅適合IE6以及以後版本瀏覽器)

_parent : URL被加載到目前框架的上層框架上。如果沒有上層框架,則此項的值與_self的值相同

_search : URL被打開在瀏覽器的查找窗口。(僅適合IE5以及以後的瀏覽器)

_self : URL在當前的窗口上打開,覆蓋以前的內容

_top ,URL可能會加載到任何框架支架(Frameset)上,如果沒有定義Frameset,此項值與_self的值相同

top屬性

語法格式:window.top.frames[數值] window.top.frameName window.top.方法() window.top.屬性

功能:window對象的top屬性用於包含所有裝入瀏覽器的子窗口(多框架)的最頂層窗口的信息

parent屬性

語法格式:window.parent.frames[數值] window.parent.framesName

功能:訪問各個子窗口(多框架)所在的父窗口

Document(文檔對象)

集合

anchors[]/images[]/links[]/forms[]:描點/圖片/連接/表單對象數組

屬性

document屬性

語法格式:window.document.事件 window.document.方法 window.document.屬性

功能:window對象的子對象document是javascript的核心對象,在腳本中遇到BODY元素時創建一個實例

cookie:設置或返回與當前文檔有關的所有cookie

domain:返回當前文檔的域名

referrer:返回載入當前文檔的文檔的url

title:返回當前文檔的標題

url:返回當前文檔的url

方法

open():打開一個新的文檔並擦除舊文檔內容

close():關閉文檔輸出流

write():向當前文檔追加寫入文本

writeLn():與write()相同,在

中會追加行

窗口控製

moveBy(水平位移量,垂直位移量):按照給定像素參數移動指定窗口

moveTo(x,y):將窗口移動到指定坐標(x,y)處

resizeBy(水平,垂直):將當前窗口改變指定的大小(x,y),當x、y的值大於0/小於0時為擴大/縮小

resizeTo(水平寬度,垂直寬度):將當前窗口改變成(x,y)大小,x、y分別為寬度和高度

scrollBy(水平位移量,垂直位移量):將窗口內容按給定的位移量滾動,參數為正時正向滾動否則反向

scrollTo(x,y):將窗口中的內容滾動到指定位置

焦點控製

focus/blur:獲取/失去焦點

打開關閉窗口

open("url","窗口名稱","窗口風格"):打開一個新的窗口並在窗口中裝載指定url地址的網頁,窗口的風格通過height(數值表示窗口高度不能小於100),width(數值表示窗口寬度不能小於100),left(數值表示窗口左坐標不能為負值),top(數值表示窗口上坐標不能為負值),location(yes/no):是否顯示地址欄,menubar(yes/no):是否顯示菜單欄,resizable(yes/no):是否可以改變窗口大小,scrollbars(yes/no):是否允許出現滾動條,status(yes/no):是否顯示狀態欄,toolbar(yes/no):是否顯示工具欄來設定

menubar屬性

語法格式:window.menubar.屬性

功能:menubar屬性也可以看成是一個子對象,這個屬性用來獲取它自已的visible屬性來確定菜單欄是否可見

到目前為止,該屬性隻有一個子屬性:visible。

注:IE5.5不支持該屬性。

menubar.visible屬性

語法格式:window.menubar.visible

功能:menubar.visible屬性用於返回菜單欄是否可見,如果可見返回true,反之返回false。

注:IE5.5不支持該屬性

close():自動關閉瀏覽器窗口

定時器

setTimeout(執行代碼,毫秒數):當到了指定的毫秒數後自動執行功能代碼

clearTimeout(定時器):取消由setTimeout()設置的定時器

setInterval(重複執行的代碼,毫秒數):按指定周期重複執行代碼

clearInterval(時間間隔器):取消由setInterval()設置的時間間隔器

對話框

alert("提示字符串"):彈出一個警告框顯示提示字符串文本

confirm("提示字符串"):顯示一個確認框,內有顯示提示字符串,當用戶單擊確定按鈕是該方法返回true,單擊取消時返回false

prompt("提示字符串","缺省文本"):顯示一個輸入框,在輸入框內顯示提示字符串,input輸入框內顯示缺省文本而且可以自由修改,當點擊確定按鈕時返回用戶輸入的字符串,單擊取消返回null值

屬性

狀態欄

defaultStatus:改變瀏覽器狀態欄的默認顯示

status:臨時改變瀏覽器狀態欄的顯示

窗口位置

IE:screenLeft/screenTop:聲明窗口左上角的x/y坐標,document.body.scrollLeft/document.documentElement.scrollLeft:聲明當前文檔向右滾動的像素數,document.body.scrollTop/document.documentElement.scrollTop:聲明當前文檔向下滾動的像素數;

!IE:screen/screenY:聲明窗口左上角的x/y坐標,pageXoffset/pageYoffset:聲明當前文檔向右/下滾動的像素數;

FF:innerHeight/innerWidth:返回窗口的文檔顯示區高度/寬度,outerHeight/outerWidth:返回窗口的外部高度/寬度;

pageXOffset屬性

語法格式:window.pageXOffset=數值

功能:指定瀏覽器窗口中文檔左上角在窗口中的當前水平像素位置。在利用moveTo移動之前,可以通過該屬性來決定是否需要移動窗口。因為該屬性返回了可見文檔相對整個頁麵的當前位置。

注:IE5.5不支持該屬性。

  1. pageYOffset屬性

語法格式:window.pageYOffset=數值

功能:指定瀏覽器窗口中文檔左上角在窗口中的當前垂直像素位置。在利用moveTo移動之前,可以通過該屬性來決定是否需要移動窗口。因為該屬性返回了可見文檔相對整個頁麵的當前位置。

注:IE5.5不支持該屬性

status

status屬性

語法格式:window.status=字符串

功能:設置或給出瀏覽器窗口中狀態欄的當前顯示信息。

小技巧:可以使用該屬性設置瀏覽器窗口狀態欄信息。

statusbar屬性

語法格式:window.statusbar.屬性

功能:statusbar屬性本身也是一個對象,用於訪問它自已的visible屬性從而確定狀態欄是否可見。

注:IE5.5瀏覽器不支持該屬性。

statusbar.visible屬性

語法格式:window.statusbar.visible

功能:檢查狀態欄是否可見,如果可見則返回true,反之返回false。

注:IE5.5瀏覽器不支持該屬性。

defaultstatus屬性

語法格式:window.defaultstatus[=字符串]

功能:defaultstatus屬性值是瀏覽器窗中狀態欄的默認顯示信息。

personalbar

personalbar屬性

語法格式:window.personalbar.屬性

功能:personalbar屬性本身也是一個對象,用於訪問其自身的visible屬性來確定個人欄是否可見。

注:IE5.5不支持該屬性。

personalbar.visible屬性

語法格式:window.personalbar.visible

功能:確定個人欄是否可見,如果可見則返回true,反之返回false。

注:IE5.5不支持該屬性

location

location屬性

語法格式:window.location=URL

功能:給出當前窗口的URL信息或指定打開窗口的URL。

locationbar屬性

語法格式:window.locationbar.屬性

功能:locationbar屬性也可以看成是一個子對象,這個屬性用來獲取它自已的visible屬性來確定位置欄是否可見;到目前為止,該屬性隻有一個子屬性:visible。

注:IE5.5不支持該屬性。

locationbar.visible屬性

語法格式:window.locationbar.visible

功能:返回位置欄是否可見,如果可見返回true,反之返回false。

注:IE5.5不支持該屬性。

frames

frames屬性

語法格式:window.frames["框架名稱"] window.frames[數值]

功能:frames屬性是一個數組,用來存儲文檔中每一個由元素創建的子窗口(框架)實例,其中的下標即可以是次序號也可以是用FRAME元素的NAME屬性指定的名稱來得到並使用。

frames.length屬性

語法格式:window.frames.length

功能:frames.length屬性返回一個窗口內的子窗口數目該屬性與window.length屬性的值相同

其他屬性

opener屬性

語法格式:window.opener window.opener.方法 window.opener.屬性

功能:opener屬性與打開該窗口的父窗口相聯係,當訪問子窗口中operer屬性時,返回的是父窗口。通過該屬性,可以使用父窗口對象中的方法和屬性

closed屬性

語法格式:window.closed

功能:closed屬性用於返回指定窗口的實例是否已經關閉,如果關閉,返回true,反之返回flase。

name屬性

語法格式:window.name=名稱

功能:返回窗口名稱,這個名稱是由window.open()方法創建新窗口時給定的。在javascript1.0版本中,這個屬性隻能用於讀取窗口名稱,而到了javascript1.1版本時,可以用這個屬性給一個不是用window.open()方法創建的窗口指定一個名稱。

self屬性

語法格式:window.self.方法 window.self.屬性

功能:該屬性包含當前窗口的標誌,利用這個屬性,可以保證在多個窗口被打開的情況下,正確調用當前窗口內的函數或屬性而不會發生混亂。

scrollbars屬性

語法格式:window.scrollbars.屬性

功能:scrollbars屬性本身也是一個對象,用於訪問其自身的visible屬性來確定滾動欄是否可見。

注:IE5.5不支持該屬性。

scrollbars.visible屬性

語法格式:window.scrollbars.visible

功能:scrollbars.visible用於確定滾動欄是否可見,如果可見則返回true,反之返回false。

注:IE5.5不支持該屬性。

toolbar屬性

語法格式:window.toolbar.屬性

功能:toolbar屬性本身也是一個對象,用於訪問它自已的visible屬性從而確定工具欄是否可見。

注:IE5.5不支持該屬性。

toolbar.visible屬性

語法格式:window.toolbar.visible

功能:toolbar.visible屬性用於檢查工具欄是否可見,如果可見則返回true,反之返回false。

注:IE5.5不支持該屬性。

最後更新:2017-04-25 17:30:51

  上一篇:go MySQL數據庫的幾種常見高可用方案
  下一篇:go 互聯網藥庫試水:北京今年展開互聯網虛擬藥庫