window對象

LeoHsiun 發布于2019-08-26 13:44 / 2852人閱讀

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

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

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

GPU云服務器云服務器 window對象 Window窗口對象 window對象的方法 js_window對象屬性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109431.html

JavaScript進階學習（二）—— 基于原型鏈繼承的js工具庫的實現方法

摘要：一些額外的全局函數命名空間對象接口和構造函數與沒有典型的關聯，但卻是有效的。最后有幾點需要說明的是每個構造函數都有一個原型對象，原型對象都包含一個指向構造函數的指針，而實例都包含一個指向原型對象的內部指針。文章來源：小青年原創發布時間：2016-07-03關鍵詞：JavaScript，原型鏈，jQuery類庫轉載需標注本文原始地址: http://zhaomenghuan.githu...

陳偉 2019-08-19 18:41 評論0 收藏0
javascript--BOM

摘要：對象的和新對象是它表示瀏覽器的一個實例。在瀏覽器中，對象有雙重角色，它即是通過訪問瀏覽器窗口的接口，又是規定的對象。如果不存在在中，則取得和的值。 window對象 BOM的和新對象是window,它表示瀏覽器的一個實例。在瀏覽器中，window對象有雙重角色，它即是通過javascript訪問瀏覽器窗口的接口，又是ECMAScript 規定的 Global 對象。著意味著在網頁中定義...

explorer_ddf 2019-08-23 14:25 評論0 收藏0
JS系列之BOM

摘要：顧名思義，父對象始終指向當前框架的直接上層框架。與框架有關的最后一個對象是，它始終指向實際上，和對象可以互換使用。同時，這也意味著可以將不同層次的對象連綴起來，例如。對象就是判斷用戶的瀏覽器以及操作系統。 BOM BOM Browser Object Model, 瀏覽器對象模型showImg(https://segmentfault.com/img/bVbjS3b?w=663&h=4...

edagarli 2019-08-26 13:25 評論0 收藏0
WWindow對象

摘要：我們可以通過屬性對該事件指定回調函數。出錯了由于歷史原因，的事件的回調函數不接受錯誤對象作為參數，而是一共可以接受五個參數，它們的含義依次如下。 1.window.requestIdleCallback() window.requestIdleCallback(callback[, options])callback參數是一個回調函數。該回調函數執行時，系統會傳入一個IdleDeadl...

wapeyang 2019-08-26 10:24 評論0 收藏0
聊聊BOM的那些事

摘要：如果省略該參數，取默認值該方法的返回值是一個正整數，表示定時器的編號。 BOM BOM的全稱是Browser Object Model，被譯為瀏覽器對象模型BOM提供了獨立于HTML頁面內容，而與瀏覽器相關的一系列對象，主要被用于管理瀏覽器窗口及與瀏覽器窗口之間通信等功能BOM由一系列對象構成，這些對象可以簡單理解為是由各個瀏覽器所提供的 Window對象 BOM中最核心的對象就是Wi...

widuu 2019-08-23 11:48 評論0 收藏0
作為window對象屬性的元素多窗口和窗體

摘要：作為對象屬性的文檔元素如果文檔中用屬性為元素命名。其就是交互窗口中的每個窗口窗體都是的執行上下文。以對象作為全局對象，這樣的話，一個窗口窗體中的代碼可以應用到其他窗口或者窗體并且同源策略沒有進行阻止。作為window對象屬性的文檔元素如果html文檔中用id屬性為元素命名。并且如果 window對象沒有此名字的屬性，則window對象會賦予一個屬性，其名字為id屬性的值，其值指向該...

fredshare 2019-08-23 10:41 評論0 收藏0