詳細介紹下js中的window與document

首先我們來看看window，它代表的是瀏覽器中一個打開的窗口。

對象屬性

　　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

（學習視頻分享：java視頻教程）

document對象 — 代表整個HTML 文檔,可用來訪問頁面中的所有元素：

對象屬性

document.title                 //設置文檔標題等價于HTML的 document.bgColor               //設置頁面背景色 document.fgColor               //設置前景色(文本顏色) document.linkColor             //未點擊過的鏈接顏色 document.alinkColor            //激活鏈接(焦點在此鏈接上)的顏色 document.vlinkColor            //已點擊過的鏈接顏色 document.URL                   //設置URL屬性從而在同一窗口打開另一網頁 document.fileCreatedDate       //文件建立日期，只讀屬性 document.fileModifiedDate      //文件修改日期，只讀屬性 document.fileSize              //文件大小，只讀屬性 document.cookie                //設置和讀出cookie document.charset               //設置字符集 簡體中文:gb2312

常用對象方法

document.write()                      //動態向頁面寫入內容 document.createElement_x(Tag)           //創建一個html標簽對象 document.getElementByIdx_x(ID)           //獲得指定ID值的對象 document.getElementsByName(Name)      //獲得指定Name值的對象 document.body.appendChild(oTag)

body-主體子對象

document.body                   //指定文檔主體的開始和結束等價于 document.body.bgColor           //設置或獲取對象后面的背景顏色 document.body.link              //未點擊過的鏈接顏色 document.body.alink             //激活鏈接(焦點在此鏈接上)的顏色 document.body.vlink             //已點擊過的鏈接顏色 document.body.text              //文本色 document.body.innerText         //設置...之間的文本 document.body.innerHTML         //設置...之間的HTML代碼 document.body.topMargin         //頁面上邊距 document.body.leftMargin        //頁面左邊距 document.body.rightMargin       //頁面右邊距 document.body.bottomMargin      //頁面下邊距 document.body.background        //背景圖片 document.body.appendChild(oTag) //動態生成一個HTML對象

常用對象事件

document.body.οnclick="func()"              //鼠標指針單擊對象是觸發 document.body.οnmοuseοver="func()"          //鼠標指針移到對象時觸發 document.body.οnmοuseοut="func()"           //鼠標指針移出對象時觸發

location-位置子對象

document.location.hash          // #號后的部分 document.location.host          // 域名+端口號 document.location.hostname      // 域名 document.location.href          // 完整URL document.location.pathname      // 目錄部分 document.location.port          // 端口號 document.location.protocol      // 網絡協議(http:) document.location.search        // ?號后的部分

常用對象事件

documeny.location.reload()          //刷新網頁 document.location.reload(URL)       //打開新的網頁 document.location.assign(URL)       //打開新的網頁 document.location.replace(URL)      //打開新的網頁 ======================================================================== selection-選區子對象 document.selection ======================================================================== images集合(頁面中的圖象): ---------------------------- a)通過集合引用 document.images                 //對應頁面上的標簽 document.images.length          //對應頁面上標簽的個數 document.images[0]              //第1個標簽           document.images[i]              //第i-1個標簽 ---------------------------- b)通過nane屬性直接引用 document.images.oImage          //document.images.name屬性 ---------------------------- c)引用圖片的src屬性 document.images.oImage.src      //document.images.name屬性.sr