文檔說明:http://www.w3school.com.cn/
DOM (document object model 文檔對象模型)
DHTML --| - CSS
| - JS DHTML(動態html) 是這這三種技術的統一稱謂
| - DOM
對象屬性:
window --|- location 用于設置和返回當前顯示的網頁url的信息 【setTimeout("window.location.reload()",5000),表示5秒鐘以后,自動刷新網頁】
|- frames 是一數組對象,表示某個窗口當中的所有子窗的集合 【(window.)parent.frames.窗體名稱 或者 rames['窗體名稱'] 】
|- history 提供了重新裝載瀏覽器曾經訪問的url的地址的若干方法
|- navigator 獲取瀏覽器的名稱、版本號 所用的操作系統、CUP和瀏覽器的國家語言,等方面的屬性信息
|- event 可以獲取和設置,當前所發生的事件的有關信息。【window.event.keyCode 獲取按下鍵盤的unicode值】
|- screen 提供了顯示器的分辨率及色彩度的信息
|- clipboardData 提供了讀寫剪貼板內容的若干方法
|- document 代表整個網頁文檔中的html內容
|- links
|- anchors
|- images
|- filters
|- forms
|- applets
|- embeds
|- plugIns
|- frames
|- scripts
|- all
|- selection
|- styleSheets
|- body
window 對象的屬性和方法:
代表瀏覽器的整個窗口,可以通過window對象改變狀態欄上的顯示文字、彈出對話框、移動窗口的位置等。
其屬性和方法可以省略“window.”這個前綴,如“window.alert() = alert()”。
* window對象的屬性和方法不用觸發,打開瀏覽器,會自動運行
方法:
|- close
|- alert
|- confirm "是/否"
|- prompt 提示框 prompt("年齡","18");
|- navigate 將當前窗口導航到新的窗口上 如(a.html --> b.html)
|- setInterval 每隔 ***毫秒,定期執行某段代碼(執行多次)
|- setTimeout 經過 ***毫秒,以后執行某段代碼(執行一次)
|- clearInterval
|- clearTimeout
|- moveTo 移動窗口的頂點坐標位置(即改變左上角的坐標)
|- resizeTo 變窗口的大小(不移動左上角的坐標)
|- open 打開新窗口
|- showModalDialog 模態對話框,它與window.open的最大區別就在于由showModalDialog打開子窗口后,父窗口將不能操作
|- showModalessDialog
屬性:
|- closed 回當前窗口是否關閉("true/false")
|- opener 返回那個打開當前窗口的window對象(即父窗口)
|- defaultstatus 設置和返回窗口狀態欄中缺省顯示的文本內容(即沒有任何操作情況下,狀態欄上顯示的默認文本內容)
|- status 置和返回當前狀態欄中,正在顯示的文本內容
|- screepTop 返回窗口左上角頂點在屏幕上的垂直位置
|- screenLeft 回窗口左上角頂點在屏幕上的水平位置 二者構成坐標
事件:
|- onload 當網頁加載完畢時,執行
|- onunload 當網頁關閉后,執行
|- onbeforeunload 當網頁關閉前,執行 【如:=window.event.returnValue='請小心'】
*網頁加載時,js腳本是按順序執行的。【例如:先執行中的<head>js,然后執行中<body>的,再執行后<body>的,最后執行onload等】