Window、document、form(屬性、方法、事件)

來源:互聯網
上載者:User

Window 視窗對象
--傳回值:它開啟的視窗對象。
----var newWindow = open('','_blank');
--屬性
----name 視窗的名稱,由開啟它的串連(<a target="...">)或架構頁(<frame name="...">)或某一個視窗調用的 open() 方法(見下)決定。一般我們不會用這個屬性。
----status 指視窗下方的“狀態列”所顯示的內容。通過對 status 賦值,可以改變狀態列的顯示。
----opener 用法:window.opener;返回開啟本視窗的視窗對象。注意:返回的是一個視窗對象。如果視窗不是由其他視窗開啟的,在 Netscape 中這個屬性返回 null;在 IE 中返回“未定義”(undefined)。undefined 在一定程度上等於 null。注意:undefined 不是 JavaScript 常數,如果你企圖使用“undefined”,那就真的返回“未定義”了。
----self 指視窗本身,它返回的對象跟 window 對象是一模一樣的。最常用的是“self.close()”,放在<a>標記中:“<a href="javascript:self.close()">關閉視窗</a>”。
----parent 返回視窗所屬的架構頁對象。
----top 返回佔據整個瀏覽器視窗的最頂端的架構頁對象。
--方法
----open() 開啟一個視窗。用法:open(<URL字串>, <視窗名稱字串>, <參數字串>);
------參數字串
--------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
----close() 關閉一個已開啟的視窗。
----blur() 使焦點從視窗移走,視窗變為“非使用中視窗”。
----focus() 是視窗獲得焦點,變為“使用中視窗”。不過在 Windows 98,該方法只能使視窗的標題列和工作列上的相應按鈕閃爍,提示使用者該視窗正在試圖獲得焦點。
----scrollTo() 用法:[<視窗對象>.]scrollTo(x, y);使視窗滾動,使文檔從左上方數起的(x, y)點滾動到視窗的左上方。
----scrollBy() 用法:[<視窗對象>.]scrollBy(deltaX, deltaY);使視窗向右滾動 deltaX 像素,向下滾動 deltaY 像素。如果取負值,則向相反的方向滾動。
----resizeTo() 用法:[<視窗對象>.]resizeTo(width, height);使視窗調整大小到寬 width 像素,高 height 像素。
----resizeBy() 用法:[<視窗對象>.]resizeBy(deltaWidth, deltaHeight);使視窗調整大小,寬增大 deltaWidth 像素,高增大 deltaHeight 像素。如果取負值,則減少。
----alert() 用法:alert(<字串>);彈出一個只包含“確定”按鈕的對話方塊,顯示<字串>的內容,整個文檔的讀取、Script 的運行都會暫停,直到使用者按下“確定”。
----confirm() 用法:confirm(<字串>);彈出一個包含“確定”和“取消”按鈕的對話方塊,顯示<字串>的內容,要求使用者做出選擇,整個文檔的讀取、Script 的運行都會暫停。如果使用者按下“確定”,則返回 true 值,如果按下“取消”,則返回 false 值。
----prompt() 用法:prompt(<字串>[, <初始值>]);彈出一個包含“確認”“取消”和一個文字框的對話方塊,顯示<字串>的內容,要求使用者在文字框輸入一些資料,整個文檔的讀取、Script 的運行都會暫停。如果使用者按下“確認”,則返迴文本框裡已有的內容,如果使用者按下“取消”,則返回 null 值。如果指定<初始值>,則文字框裡會有預設值。
--事件
----onload
----onunload
----onresize
----onblur
----onfocus
----onerror

document 文檔對象 描述當前視窗或指定視窗對象的文檔。它包含了文檔從<head>到</body>的內容。
--用法:document (當前視窗) 或 <視窗對象>.document (指定視窗)
--屬性:
----cookie 關於 cookie 請參看“使用架構和 Cookies”一章。
----lastModified 當前文檔的最後修改日期,是一個 Date 對象。
----referrer 如果當前文檔是通過點擊串連開啟的,則 referrer 返回原來的 URL。
----title 指<head>標記裡用<title>...</title>定義的文字。在 Netscape 裡本屬性不接受賦值。
----fgColor 指<body>標記的 text 屬性所表示的文本顏色。
----bgColor 指<body>標記的 bgcolor 屬性所表示的背景顏色。
----linkColor 指<body>標記的 link 屬性所表示的串連顏色。
----alinkColor 指<body>標記的 alink 屬性所表示的活動串連顏色。
----vlinkColor 指<body>標記的 vlink 屬性所表示的已訪問串連顏色。
--方法
----open() 開啟文檔以便 JavaScript 能向文檔的當前位置(指插入 JavaScript 的位置)寫入資料。通常不需要用這個方法,在需要的時候 JavaScript 自動調用。
----write(); writeln() 向文檔寫入資料,所寫入的會當成標準文檔 HTML 來處理。writeln() 與 write() 的不同點在於,writeln() 在寫入資料以後會加一個換行。這個換行只是在 HTML 中換行,具體情況能不能夠是顯示出來的文字換行,要看插入 JavaScript 的位置而定。如在<pre>標記中插入,這個換行也會體現在文檔中。
----clear() 清空當前文檔。
----close() 關閉文檔,停止寫入資料。如果用了 write[ln]() 或 clear() 方法,就一定要用 close() 方法來保證所做的更改能夠顯示出來。

forms[]; Form 表單對象
--用法
----document.forms[] 是一個數組,包含了文檔中所有的表單(<form>)。要引用單個表單,可以用 document.forms[x],但是一般來說,人們都會這樣做:在<form>標記中加上“name="..."”屬性,那麼直接用“document.<表單名>”就可以引用了。
--屬性
----name 返回表單的名稱,也就是<form name="...">屬性。
----action 返回/設定表單的提交地址,也就是<form action="...">屬性。
----method 返回/設定表單的提交方法,也就是<form method="...">屬性。
----target 返回/設定表單提交後返回的視窗,也就是<form target="...">屬性。
----encoding 返回/設定表單提交內容的編碼方式,也就是<form enctype="...">屬性。
----length 返回該表單所含元素的數目。
--方法
----reset() 重設表單。這與按下“重設”按鈕是一樣的。
----submit() 提交表單。這與按下“提交”按鈕是一樣的。
--事件
----onreset
----onsubmit

Javascript文檔對象結構

瀏覽器對象  navigator
螢幕對象  screen
視窗對象  window
 曆史對象   history
 地址對象   location
 架構對象   frames[]; Frame
 文檔對象   document
  連線物件    anchors[]; links[]; Link
  Java小程式對象   applets[]
  外掛程式對象    embeds[]
  圖片對象     images[]; Image
  表單對象    forms[]; Form
   按鈕對象     Button
   複選框對象    Checkbox
   表單元素對象    elements[]; Element
   隱藏對象     Hidden
   密碼輸入區對象    Password
   單選域對象    Radio
   重設按鈕對象    Reset
   選擇區(下拉式功能表、列表)對象  Select
    選擇項對象     options[]; Option
   提交按鈕對象    Submit
   文字框對象    Text
   多行文本輸入區對象   Textarea

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.