首先我們來看看window,它代表的是瀏覽器中一個(gè)打開的窗口。
對(duì)象屬性
window //窗口自身 window.self //引用本窗戶window=window.self window.name //為窗口命名 window.defaultStatus //設(shè)定窗戶狀態(tài)欄信息 window.location //URL地址,配備布置這個(gè)屬性可以打開新的頁(yè)面
對(duì)象方法
window.alert("text") //提示信息會(huì)話框 window.confirm("text") //確認(rèn)會(huì)話框 window.prompt("text") //要求鍵盤輸入會(huì)話框 window.setIntervel("action",time) //每一隔指定的時(shí)間(毫秒)就執(zhí)行一次操作 window.clearInterval() //清除時(shí)間配備布置作用就是終止輪回 window.setTimeout(action,time) //隔了指定的時(shí)間(毫秒)執(zhí)行一次操作 window.open() //打開新的窗口 window.close() //關(guān)閉窗口
成員對(duì)象
window.event window.document //見document對(duì)象詳解 window.history window.screen window.navigator window.external -------------------------------------------------- ------------------- window.history對(duì)象 window.history.length //瀏覽過的頁(yè)面數(shù) history.back() //后退 history.forward() //前進(jìn) history.go(i) //前進(jìn)或后退到歷史記錄的第i個(gè)頁(yè)面 //i>0進(jìn)步,i<0 后退 ------------------------------------------------- ------------------- window.screen對(duì)象 window.screen.width //屏幕寬度 window.screen.height //屏幕高度 window.screen.colorDepth //屏幕色深 window.screen.availWidth //可用寬度 window.screen.availHeight //可用高度(除去任務(wù)欄的高度) -------------------------------------------------- ------------------- window.external對(duì)象 window.external.AddFavorite("地址","標(biāo)題" ) //把網(wǎng)站新增到保藏夾 -------------------------------------------------- ------------------- window.navigator對(duì)象 window.navigator.appCodeName //瀏覽器代碼名 window.navigator.appName //瀏覽器應(yīng)用程序名 window.navigator.appMinorVersion //瀏覽器補(bǔ)丁版本 window.navigator.cpuClass //cpu類型 x86 window.navigator.platform //操作體系類型 win32 window.navigator.plugins window.navigator.opsProfile window.navigator.userProfile window.navigator.systemLanguage //客戶體系語言 zh-cn簡(jiǎn)體中文 window.navigator.userLanguage //用戶語言,同上 window.navigator.appVersion //瀏覽器版本 window.navigator.userAgent window.navigator.onLine //用戶否在線 window.navigator.cookieEnabled //瀏覽器是否撐持cookie window.navigator.mimeTypes
(學(xué)習(xí)視頻分享:java視頻教程)
document對(duì)象 — 代表整個(gè)HTML 文檔,可用來訪問頁(yè)面中的所有元素:
對(duì)象屬性
document.title //設(shè)置文檔標(biāo)題等價(jià)于HTML的 document.bgColor //設(shè)置頁(yè)面背景色 document.fgColor //設(shè)置前景色(文本顏色) document.linkColor //未點(diǎn)擊過的鏈接顏色 document.alinkColor //激活鏈接(焦點(diǎn)在此鏈接上)的顏色 document.vlinkColor //已點(diǎn)擊過的鏈接顏色 document.URL //設(shè)置URL屬性從而在同一窗口打開另一網(wǎng)頁(yè) document.fileCreatedDate //文件建立日期,只讀屬性 document.fileModifiedDate //文件修改日期,只讀屬性 document.fileSize //文件大小,只讀屬性 document.cookie //設(shè)置和讀出cookie document.charset //設(shè)置字符集 簡(jiǎn)體中文:gb2312
常用對(duì)象方法
document.write() //動(dòng)態(tài)向頁(yè)面寫入內(nèi)容 document.createElement_x(Tag) //創(chuàng)建一個(gè)html標(biāo)簽對(duì)象 document.getElementByIdx_x(ID) //獲得指定ID值的對(duì)象 document.getElementsByName(Name) //獲得指定Name值的對(duì)象 document.body.appendChild(oTag)
body-主體子對(duì)象
document.body //指定文檔主體的開始和結(jié)束等價(jià)于 document.body.bgColor //設(shè)置或獲取對(duì)象后面的背景顏色 document.body.link //未點(diǎn)擊過的鏈接顏色 document.body.alink //激活鏈接(焦點(diǎn)在此鏈接上)的顏色 document.body.vlink //已點(diǎn)擊過的鏈接顏色 document.body.text //文本色 document.body.innerText //設(shè)置...之間的文本 document.body.innerHTML //設(shè)置...之間的HTML代碼 document.body.topMargin //頁(yè)面上邊距 document.body.leftMargin //頁(yè)面左邊距 document.body.rightMargin //頁(yè)面右邊距 document.body.bottomMargin //頁(yè)面下邊距 document.body.background //背景圖片 document.body.appendChild(oTag) //動(dòng)態(tài)生成一個(gè)HTML對(duì)象
常用對(duì)象事件
document.body.οnclick="func()" //鼠標(biāo)指針單擊對(duì)象是觸發(fā) document.body.οnmοuseοver="func()" //鼠標(biāo)指針移到對(duì)象時(shí)觸發(fā) document.body.οnmοuseοut="func()" //鼠標(biāo)指針移出對(duì)象時(shí)觸發(fā)
location-位置子對(duì)象
document.location.hash // #號(hào)后的部分 document.location.host // 域名+端口號(hào) document.location.hostname // 域名 document.location.href // 完整URL document.location.pathname // 目錄部分 document.location.port // 端口號(hào) document.location.protocol // 網(wǎng)絡(luò)協(xié)議(http:) document.location.search // ?號(hào)后的部分
常用對(duì)象事件
documeny.location.reload() //刷新網(wǎng)頁(yè) document.location.reload(URL) //打開新的網(wǎng)頁(yè) document.location.assign(URL) //打開新的網(wǎng)頁(yè) document.location.replace(URL) //打開新的網(wǎng)頁(yè) ======================================================================== selection-選區(qū)子對(duì)象 document.selection ======================================================================== images集合(頁(yè)面中的圖象): ---------------------------- a)通過集合引用 document.images //對(duì)應(yīng)頁(yè)面上的標(biāo)簽 document.images.length //對(duì)應(yīng)頁(yè)面上標(biāo)簽的個(gè)數(shù) document.images[0] //第1個(gè)標(biāo)簽 document.images[i] //第i-1個(gè)標(biāo)簽 ---------------------------- b)通過nane屬性直接引用 document.images.oImage //document.images.name屬性 ---------------------------- c)引用圖片的src屬性 document.images.oImage.src //document.images.name屬性.sr