填坑-十萬個爲何?(17)

最近學習的內容仍是有一點多,學過的知識點沒徹底理解的點,容易忘記。因此在接下來的3天的時間裏我會對過去15天的內容進行復習,同時理一理Windows 和document 相關APIhtml

1.Windows

developer.mozilla.org/zh-CN/docs/…瀏覽器

`對象屬性`
    window //窗口自身
    window.self //引用本窗戶window=window.self
    window.name //爲窗口命名
    window.defaultStatus //設定窗戶狀態欄信息
    window.location //URL地址,配備佈置這個屬性能夠打開新的頁面
    window.innerHeight //瀏覽器窗口的視口(viewport)高度(以像素爲單位),若是存在水平滾動條,則包括它。
    window.innerWidth //瀏覽器視口(viewport)寬度(單位:像素),若是存在垂直滾動條則包括它。
    window.mozInnerScreenX //在屏幕座標中獲取窗口視口左上角的X座標
    window.mozInnerScreenY //在屏幕座標下獲取窗口視口左上角的Y座標
`對象方法`
    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
複製代碼

2.Document

developer.mozilla.org/zh-CN/docs/…cookie

`對象屬性`
    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.onclick="func()"              //鼠標指針單擊對象是觸發
    document.body.onmouseover="func()"          //鼠標指針移到對象時觸發
    document.body.onmouseout="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        // ?號後的部分
`經常使用對象事件`
    document.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
複製代碼

3. HTMLElement

developer.mozilla.org/zh-CN/docs/…網絡

相關文章
相關標籤/搜索