国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

WWindow對象

wapeyang / 3559人閱讀

摘要:我們可以通過屬性對該事件指定回調函數。出錯了由于歷史原因,的事件的回調函數不接受錯誤對象作為參數,而是一共可以接受五個參數,它們的含義依次如下。

1.window.requestIdleCallback()

window.requestIdleCallback(callback[, options])
callback參數是一個回調函數。該回調函數執行時,系統會傳入一個IdleDeadline對象作為參數。IdleDeadline對象有一個didTimeout屬性(布爾值,表示是否為超時調用)和一個timeRemaining()方法(返回該空閑時段剩余的毫秒數)

options參數是一個配置對象,目前只有timeout一個屬性,用來指定回調函數推遲執行的最大毫秒數。該參數可選

requestIdleCallback(myNonEssentialWork);

function myNonEssentialWork(deadline) {
while (deadline.timeRemaining() > 0) {

doWorkIfNeeded();

}
}
上面代碼中,requestIdleCallback()用來執行非關鍵任務myNonEssentialWork。該任務先確認本次空閑時段有剩余時間,然后才真正開始執行任務

下面是指定timeout的例子。

requestIdleCallback(processPendingAnalyticsEvents, { timeout: 2000 });
上面代碼指定,processPendingAnalyticsEvents必須在未來2秒之內執行

如果由于超時導致回調函數執行,則deadline.timeRemaining()返回0,deadline.didTimeout返回true。

如果多次執行window.requestIdleCallback(),指定多個回調函數,那么這些回調函數將排成一個隊列,按照先進先出的順序執行。

事件

window對象可以接收以下事件。

4.1load 事件和 onload 屬性

load事件發生在文檔在瀏覽器窗口加載完畢時。window.onload屬性可以指定這個事件的回調函數

window.onload = function() {
var elements = document.getElementsByClassName("example");
for (var i = 0; i < elements.length; i++) {

var elt = elements[i];
// ...

}
};
上面代碼在網頁加載完畢后,獲取指定元素并進行處理。

4.2error 事件和 onerror 屬性

瀏覽器腳本發生錯誤時,會觸發window對象的error事件。我們可以通過window.onerror屬性對該事件指定回調函數。

window.onerror = function (message, filename, lineno, colno, error) {
console.log("出錯了!--> %s", error.stack);
};
由于歷史原因,window的error事件的回調函數不接受錯誤對象作為參數,而是一共可以接受五個參數,它們的含義依次如下。

出錯信息
出錯腳本的網址
行號
列號
錯誤對象
老式瀏覽器只支持前三個參數

并不是所有的錯誤,都會觸發 JavaScript 的error事件(即讓 JavaScript 報錯)。
一般來說,只有 JavaScript 腳本的錯誤,才會觸發這個事件,而像資源文件不存在之類的錯誤,都不會觸發。

下面是一個例子,如果整個頁面未捕獲錯誤超過3個,就顯示警告。

window.onerror = function(msg, url, line) {
if (onerror.num++ > onerror.max) {

alert("ERROR: " + msg + "
" + url + ":" + line);
return true;

}
}
onerror.max = 3;
onerror.num = 0;
需要注意的是,如果腳本網址與網頁網址不在同一個域(比如使用了 CDN),瀏覽器根本不會提供詳細的出錯信息,只會提示出錯,錯誤類型是“Script error.”,行號為0,其他信息都沒有。這是瀏覽器防止向外部腳本泄漏信息。
一個解決方法是在腳本所在的服務器,設置Access-Control-Allow-Origin的 HTTP 頭信息。
Access-Control-Allow-Origin: *

然后,在網頁的
上面代碼的crossorigin="anonymous"表示,讀取文件不需要身份信息,即不需要 cookie 和 HTTP 認證信息。如果設為crossorigin="use-credentials",就表示瀏覽器會上傳 cookie 和 HTTP 認證信息,同時還需要服務器端打開 HTTP 頭信息Access-Control-Allow-Credentials

4.3window 對象的事件監聽屬性

除了具備元素節點都有的 GlobalEventHandlers 接口,window對象還具有以下的事件監聽函數屬性。

window.onafterprint:afterprint事件的監聽函數。
window.onbeforeprint:beforeprint事件的監聽函數。
window.onbeforeunload:beforeunload事件的監聽函數。
window.onhashchange:hashchange事件的監聽函數。
window.onlanguagechange: languagechange的監聽函數。
window.onmessage:message事件的監聽函數。
window.onmessageerror:MessageError事件的監聽函數。
window.onoffline:offline事件的監聽函數。
window.ononline:online事件的監聽函數。
window.onpagehide:pagehide事件的監聽函數。
window.onpageshow:pageshow事件的監聽函數。
window.onpopstate:popstate事件的監聽函數。
window.onstorage:storage事件的監聽函數。
window.onunhandledrejection:未處理的 Promise 對象的reject事件的監聽函數。
window.onunload:unload事件的監聽函數。

5.多窗口操作

由于網頁可以使用iframe元素,嵌入其他網頁,因此一個網頁之中會形成多個窗口。如果子窗口之中又嵌入別的網頁,就會形成多級窗口。

各個窗口之中的腳本,可以引用其他窗口。瀏覽器提供了一些特殊變量,用來返回其他窗口。

top:頂層窗口,即最上層的那個窗口

parent:父窗口

self:當前窗口,即自身

與這些變量對應,瀏覽器還提供一些特殊的窗口名,供window.open()方法、標簽、

標簽等引用。

_top:頂層窗口
_parent:父窗口
_blank:新窗口
下面代碼就表示在頂層窗口打開鏈接。

Link

5.1.窗口的引用 5.2.iframe 元素 通過元素得到它的window對象

(同源才可)
對于iframe嵌入的窗口,document.getElementById方法可以拿到該窗口的 DOM 節點,然后使用contentWindow屬性獲得iframe節點包含的window對象。

var f1Element = document.getElementById("f1");
var f1Window = f1Element.contentWindow;

f1Window.frameElement === f1Element // true
window.frameElement === null // true

var frame = document.getElementById("theFrame");
var frameWindow = frame.contentWindow;
上面代碼中,frame.contentWindow可以拿到子窗口的window對象。然后,在滿足同源限制的情況下,可以讀取子窗口內部的屬性。

// 獲取子窗口的標題
frameWindow.title