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 把文本寫入文檔,並以換行符結尾


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章