window對(duì)象

LeoHsiun 發(fā)布于2019-08-26 13:44 / 2847人閱讀

摘要：對(duì)象表示的是瀏覽器打開(kāi)的窗口，包括多種屬性和方法。常用的對(duì)象屬性對(duì)象每個(gè)載入瀏覽器的文檔都會(huì)成為對(duì)象。對(duì)象使我們可以從腳本中對(duì)頁(yè)面中的所有元素進(jìn)行訪問(wèn)。返回對(duì)擁有指定的第一個(gè)對(duì)象的引用。

window對(duì)象表示的是瀏覽器打開(kāi)的窗口，包括多種屬性和方法。
常用的window對(duì)象屬性：
1.document對(duì)象：每個(gè)載入瀏覽器的 HTML 文檔都會(huì)成為 Document 對(duì)象。Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁(yè)面中的所有元素進(jìn)行訪問(wèn)。

常用的屬性和方法：
1.document.activeElement獲取當(dāng)前獲得焦點(diǎn)的元素信息，比如當(dāng)前獲得焦點(diǎn)元素的tagname
    document.activeElement.tagName
    tips:document.hasFocus可以用來(lái)查看當(dāng)前元素是否獲得焦點(diǎn)
2.document.addEventListener/removeEventListener(事件名，作為事件處理程序的函數(shù)，布爾值（true表示在捕獲階段使用，false表示在冒泡階段使用）)
實(shí)現(xiàn)的是監(jiān)聽(tīng)到某個(gè)事件后利用function實(shí)現(xiàn)對(duì)該事件的處理
3.document.createAttribute,用于創(chuàng)建某個(gè)指定名稱屬性，將屬性注入元素中用setAttributeNode
    ```
    var h1=document.getElementsByTagName("H1")[0];
        var att=document.createAttribute("class");
        att.value="democlass";
        h1.setAttributeNode(att);
    ```
 4.document.createELement， 通過(guò)指定名稱創(chuàng)建一個(gè)元素
 5.document.createTextNode 創(chuàng)建一個(gè)文本節(jié)點(diǎn)，通常和樓上一起使用，創(chuàng)建一個(gè)帶文本的元素
    ```
    //創(chuàng)建名字為HEllo World的H1標(biāo)題
    var h=document.createElement("H1")
    var t=document.createTextNode("Hello World");
    h.appendChild(t);
    ```
 6.getELement系列：
     document.getElementsByClassName()    返回文檔中所有指定類名的元素集合，作為 NodeList 對(duì)象。
     document.getElementById()    返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。
     document.getElementsByName()    返回帶有指定名稱的對(duì)象集合。
     document.getElementsByTagName()    返回帶有指定標(biāo)簽名的對(duì)象集合
 7.document.querySelector() 返回文檔中匹配指定的CSS選擇器的第一個(gè)元素（只返回第一個(gè)，如果要是返回所有的就得用querySelectorAll）
 8.document.readyState，返回文檔狀態(tài)，包括uninitialized - 還未開(kāi)始載入，loading - 載入中，interactive - 已加載，文檔與用戶可以開(kāi)始交互，complete - 載入完成四個(gè)部分
 9.document.write()/writeln(),向文檔寫(xiě)入HTML 表達(dá)式或 JavaScript 代碼，后者寫(xiě)一行新增一行
 10.待續(xù)。。。