DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中Window對象的屬性及事件
JavaScript中Window對象的屬性及事件
編輯:關於JavaScript     

Window 對象

Window 對象表示浏覽器中打開的窗口。

如果文檔包含框架(frame 或 iframe 標簽),浏覽器會為 HTML 文檔創建一個 window 對象,並為每個框架創建一個額外的 window 對象。

注釋:沒有應用於 window 對象的公開標准,不過所有浏覽器都支持該對象。

windows對象屬性

屬性 描述 closed 返回窗口是否已被關閉。 defaultStatus 設置或返回窗口狀態欄中的默認文本。 document 對 Document 對象的只讀引用。請參閱 Document 對象。 history 對 History 對象的只讀引用。請參數 History 對象。 innerheight 返回窗口的文檔顯示區的高度。 innerwidth 返回窗口的文檔顯示區的寬度。 length 設置或返回窗口中的框架數量。 location 用於窗口或框架的 Location 對象。請參閱 Location 對象。 name 設置或返回窗口的名稱。 Navigator 對 Navigator 對象的只讀引用。請參數 Navigator 對象。 opener 返回對創建此窗口的窗口的引用。 outerheight 返回窗口的外部高度。 outerwidth 返回窗口的外部寬度。 pageXOffset 設置或返回當前頁面相對於窗口顯示區左上角的 X 位置。 pageYOffset 設置或返回當前頁面相對於窗口顯示區左上角的 Y 位置。 parent 返回父窗口。 Screen 對 Screen 對象的只讀引用。請參數 Screen 對象。 self 返回對當前窗口的引用。等價於 Window 屬性。 status 設置窗口狀態欄的文本。 top 返回最頂層的先輩窗口。 window window 屬性等價於 self 屬性,它包含了對窗口自身的引用。

  • screenLeft
  • screenTop
  • screenX
  • screenY
只讀整數。聲明了窗口的左上角在屏幕上的的 x 坐標和 y 坐標。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

windows對象方法

方法 描述 alert() 顯示帶有一段消息和一個確認按鈕的警告框。 blur() 把鍵盤焦點從頂層窗口移開。 clearInterval() 取消由 setInterval() 設置的 timeout。 clearTimeout() 取消由 setTimeout() 方法設置的 timeout。 close() 關閉浏覽器窗口。 confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。 createPopup() 創建一個 pop-up 窗口。 focus() 把鍵盤焦點給予一個窗口。 moveBy() 可相對窗口的當前坐標把它移動指定的像素。 moveTo() 把窗口的左上角移動到一個指定的坐標。 open() 打開一個新的浏覽器窗口或查找一個已命名的窗口。 print() 打印當前窗口的內容。 prompt() 顯示可提示用戶輸入的對話框。 resizeBy() 按照指定的像素調整窗口的大小。 resizeTo() 把窗口的大小調整到指定的寬度和高度。 scrollBy() 按照指定的像素值來滾動內容。 scrollTo() 把內容滾動到指定的坐標。 setInterval() 按照指定的周期(以毫秒計)來調用函數或計算表達式。 setTimeout() 在指定的毫秒數後調用函數或計算表達式。

不同的運行環境有不同的“頂層對象”,而在浏覽器的環境中,頂層對象就是window對象。window就是指當前的浏覽器窗口。

例:var a = 1;

window.a; //1

1.window對象的屬性。

(1)window.name屬性

window.name用於設置浏覽器當前浏覽器窗口的名字。其特點為浏覽器刷新後,該屬性保持不變。

(2)window.innerHeight屬性,window.innerWidth屬性

這兩個屬性返回網頁的css布局占據的浏覽器窗口的高度和寬度。這兩個屬性的值包括浏覽器的滾動條的高度和寬度。

(3)window.pageXoffset屬性和window.pageYoffset屬性。

window.pageXoffset返回頁面水平滾動的距離。window.pageYoffset返回頁面垂直滾動的距離。

(4)iframe元素

window.iframe返回一個類似數組的對象。

(5)screen對象

顯示設備的信息。

// 顯示設備的高度,單位為像素
  screen.height
// 1920
// 顯示設備的寬度,單位為像素
  screen.width
// 1080

2.window對象的事件。

(1)onerror事件。

oonerror事件是一種老式的標准的在網頁中捕獲 Javascript 錯誤的方法。

(2)alert(),prompt(),confirm()

都是浏覽器用來與用戶互動的方法。它們會彈出不同的對話框。

例:alert("Hello World");

alert();彈出的對話框,只有一個“確定”按鈕,往往用來通知用戶某些信息。

例:var result = prompt('您的年齡?', 25)

prompt();彈出的對話框,有一個輸入框,要求用戶輸入信息,並有“確定”和“取消”兩個按鈕。這個方法往往用來獲取用戶輸入的數據。

例:var result = confirm("你最近好嗎?");

confirm();confirm方法返回一個布爾值,如果用戶點擊“確定”,則返回true;如果用戶點擊“取消”,則返回false。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved