天天看點

JS----window對象詳解

一.說明

他是JS中最大的對象,它描述的是一個浏覽器視窗,一般要引用他的屬性和方法時,不需要用“Window.XXX”這種形式,而是直接使用“XXX”。一個架構頁面也是一個視窗。

二.Window視窗對象有如下屬性

1.name 視窗的名稱,由打開它的連接配接(<a target="...">)或架構頁(<frame name="...">)或某一個視窗調用的 open() 方法(見下)決定。一般我們不會用這個屬性。

2.status 指視窗下方的“狀态欄”所顯示的内容。通過對 status 指派,可以改變狀态欄的顯示。

3.opener 用法:window.opener;傳回打開本視窗的視窗對象。注意:傳回的是一個視窗對象。如果視窗不是由其他視窗打開的,在 Netscape 中這個屬性傳回 null;在 IE 中傳回“未定義”(undefined)。undefined 在一定程度上等于 null。注意:undefined 不是 JavaScript 常數,如果你企圖使用“undefined”,那就真的傳回“未定義”了。

4.self 指視窗本身,它傳回的對象跟 window 對象是一模一樣的。最常用的是“self.close()”,放在<a>标記中:“<a href="javascript:self.close()">關閉視窗</a>”。

5.parent 傳回視窗所屬的架構頁對象。

6.top 傳回占據整個浏覽器視窗的最頂端的架構頁對象。

三.Window視窗對象有如下方法

1.open(<URL字元串>, <視窗名稱字元串>, <參數字元串>);

    說明:

    <URL字元串>:描述所打開的視窗打開哪一個網頁。如果留白(''),則不打開任意網頁。 

    <視窗名稱字元串>:描述被打開的視窗的名稱(window.name),可以使用'_top'、'_blank'等内建名稱。這裡的名稱跟“<a href="..." target="...">”裡的“target”屬性是一樣的。 

    <參數字元串>:描述被打開的視窗的樣貌。如果隻需要打開一個普通視窗,該字元串留白(''),如果要指定樣貌,就在字元串裡寫上一到多個參數,參數之間用逗号隔開。

    例:打開一個 400 x 100 的幹淨的視窗:open('','_blank','width=400,height=100,menubar=no,toolbar=no,location=no,directories=no,status=no, scrollbars=yes,resizable=yes') 

    open()的參數

    top=# 視窗頂部離開螢幕頂部的像素數 

    left=# 視窗左端離開螢幕左端的像素數 

    width=# 視窗的寬度 

    height=# 視窗的高度 

    menubar=... 視窗有沒有菜單,取值yes或no 

    toolbar=... 視窗有沒有工具條,取值yes或no 

    location=... 視窗有沒有位址欄,取值yes或no 

    directories=... 視窗有沒有連接配接區,取值yes或no 

    scrollbars=... 視窗有沒有滾動條,取值yes或no 

    status=... 視窗有沒有狀态欄,取值yes或no 

    resizable=... 視窗給不給調整大小,取值yes或no 

    注意:open() 方法有傳回值,傳回的就是它打開的視窗對象。比如

    var newWindow = open('','_blank');

    這樣把一個新視窗指派到“newWindow”變量中,以後通過“newWindow”變量就可以控制視窗了。

2.close() 關閉一個已打開的視窗。

3.blur() 使焦點從視窗移走,視窗變為“非活動視窗”。 

4.focus() 是視窗獲得焦點,變為“活動視窗”。不過在 Windows 98,該方法隻能使視窗的标題欄和工作列上的相應按鈕閃爍,提示使用者該視窗正在試圖獲得焦點。 

5.scrollTo() 用法:[<視窗對象>.]scrollTo(x, y);使視窗滾動,使文檔從左上角數起的(x, y)點滾動到視窗的左上角。 

6.scrollBy() 用法:[<視窗對象>.]scrollBy(deltaX, deltaY);使視窗向右滾動 deltaX 像素,向下滾動 deltaY 像素。如果取負值,則向相反的方向滾動。 

7.resizeTo() 用法:[<視窗對象>.]resizeTo(width, height);使視窗調整大小到寬 width 像素,高 height 像素。 

8.resizeBy() 用法:[<視窗對象>.]resizeBy(deltaWidth, deltaHeight);使視窗調整大小,寬增大 deltaWidth 像素,高增大 deltaHeight 像素。如果取負值,則減少。 

9.alert() 用法:alert(<字元串>);彈出一個隻包含“确定”按鈕的對話框,顯示<字元串>的内容,整個文檔的讀取、Script 的運作都會暫停,直到使用者按下“确定”。 

10.confirm() 用法:confirm(<字元串>);彈出一個包含“确定”和“取消”按鈕的對話框,顯示<字元串>的内容,要求使用者做出選擇,整個文檔的讀取、Script 的運作都會暫停。如果使用者按下“确定”,則傳回 true 值,如果按下“取消”,則傳回 false 值。 

11.prompt() 用法:prompt(<字元串>[, <初始值>]);彈出一個包含“确認”“取消”和一個文本框的對話框,顯示<字元串>的内容,要求使用者在文本框輸入一些資料,整個文檔的讀取、Script 的運作都會暫停。如果使用者按下“确認”,則傳回文本框裡已有的内容,如果使用者按下“取消”,則傳回 null 值。如果指定<初始值>,則文本框裡會有預設值。

四.Window視窗對象有如下事件

1.window. HTML 檔案,而且包含的圖檔,插件,控件,小程式等全部内容都下載下傳完畢。本事件是 window 的事件,但是在 HTML 中指定事件處理程式的時候,我們是把它寫在<body>标記中的。

2.window.onunload;發生在使用者退出文檔(或者關閉視窗,或者到另一個頁面去)的時候。與 onload 一樣,要寫在 HTML 中就寫到<body>标記裡。

3.window.onresize;發生在視窗被調整大小的時候。 

4.window.onblur;發生在視窗失去焦點的時候。 

5.window.onfocus;發生在視窗得到焦點的時候。 

6.window.onerror;發生在錯誤發生的時候。它的事件處理程式通常就叫做“錯誤處理程式”(Error Handler),用來處理錯誤。上邊已經介紹過,要忽略一切錯誤,就使用: 

    function ignoreError() {

        return true;

    }

    window.onerror = ignoreError;

整理如下:

  對象屬性

window //窗戶自身

window.self //引用本窗戶window=window.self

window.name //為窗戶命名

window.defaultStatus //設定窗戶狀态欄資訊

window.location //URL位址,配備布置這個屬性可以打開新的頁面

---------------------------------------------------------------------

對象方法

window.alert("text") //提示資訊會話框

window.confirm("text") //确認會話框

window.prompt("text") //要求鍵盤輸入會話框

window.setIntervel("action",time) //每一隔指定的時間(毫秒)就執行一次操作

window.clearInterval() //清除時間配備布置作用就是終止輪回

window.setTimeout(action,time) //隔了指定的時間(毫秒)執行一次操作

window.open() //打開新的窗戶

window.close() //關閉窗戶

成員對象

window.event

window.document //見document對象詳解

window.history

window.screen

window.navigator

window.external

  ---------------------------------------------------------------------

window.history對象

window.history.length //浏覽過的頁面數

history.back() //撤退退卻

history.forward() //進步

history.go(i) //到汗青詳細登記單的第i位,i>0進步,i<0撤退退卻

window.screen對象

     window.screen.width //螢幕寬度

window.screen.height //螢幕高度

window.screen.colorDepth //螢幕色深

window.screen.availWidth //可用寬度

window.screen.availHeight //可用高度(除去工作列的高度)

window.external對象

window.external.AddFavorite("位址","标題" ) //把網站新增到保藏夾

window.navigator對象

window.navigator.appCodeName //浏覽器代碼名

window.navigator.appName //浏覽器步伐名

window.navigator.appMinorVersion //浏覽器補釘版本

window.navigator.cpuClass //cpu類型 x86

window.navigator.platform //操作體系類型 win32

window.navigator.plugins

window.navigator.opsProfile

window.navigator.userProfile

window.navigator.systemLanguage //客戶體系語言 zh-cn簡體中文

window.navigator.userLanguage //使用者語言,同上

window.navigator.appVersion //浏覽器版本(包括 體系版本)

window.navigator.userAgent

window.navigator.onLine //使用者否線上

window.navigator.cookieEnabled //浏覽器是否撐持cookie

window.navigator.mimeTypes

[document對象]

該對象是window和frames對象的一個屬性,是顯示于視窗或架構内的一個文檔。

屬性

1.alinkColor 活動連結的顔色(ALINK)

2.anchor 一個HTMI錨點,使用<A NAME=>标記建立(該屬性本身也是一個對象)

3.anchors array 列出文檔錨點對象的數組(<A NAME=>)(該屬性本身也是一個對象)

4.bgColor 文檔的背景顔色(BGCOLOR)

5.cookie 存儲于cookie.txt檔案内的一段資訊,它是該文檔對象的一個屬性

6.fgColor 文檔的文本顔色(<BODY>标記裡的TEXT特性)

7.form 文檔中的一個窗體(<FORM>)(該屬性本身也是一個對象)

8.forms anay 按照其出現在文檔中的順序列出窗體對象的一個數組(該屬性本身也是一個對象)

9.lastModified 文檔最後的修改日期

10.linkColor 文檔的連結的顔色,即<BODY>标記中的LINK特性(連結到使用者沒有觀察到的文檔)

11.link 文檔中的一個<A HREF=>标記(該屬性本身也是一個對象)

12.links array 文檔中link對象的一個數組,按照它們出現在文檔中的順序排列(該屬性本身也是一個對象)

13.location 目前顯示文檔的URL。使用者不能改變document.location(因為這是目前顯示文檔的位置)。但是,可以改變window.location (用其它文檔取代目前文檔)window.location本身也是一個對象,而document.location不是對象

14.referrer 包含連結的文檔的URL,使用者單擊該連結可到達目前文檔

15.title 文檔的标題((TITLE>)

16.vlinkColor 指向使用者已觀察過的文檔的連結文本顔色,即<BODY>标記的VLINK特性

方法

1.clear 清除指定文檔的内容

2.close 關閉文檔流

3.open 打開文檔流

4.write 把文本寫入文檔

5.writeln 把文本寫入文檔,并以換行符結尾

本文轉自 風雨蕭條 51CTO部落格,原文連結:http://blog.51cto.com/1095221645/1878238,如需轉載請自行聯系原作者

上一篇: json

繼續閱讀