瀏覽器根物件window之操作方法

2022-08-16 10:24:10 字數 1584 閱讀 2803

alert:帶有一條指定訊息和乙個ok按鈕的警告框。

confirm:帶有指定訊息和ok及取消按鈕的對話方塊。

prompt:可提示使用者進行輸入的對話方塊。

print:列印網頁。

open:開啟乙個新的瀏覽器視窗或查詢乙個已命名的視窗。

close:用於自動關閉瀏覽器視窗。

focus:可把鍵盤焦點給予乙個視窗。

blur:可把鍵盤焦點從頂層視窗移開。

下列方法別用:find

大名鼎鼎的2個定時器不知道就不應該了:

settimeout、setinterval

cleartimeout、clearinterval

addeventlistener、removeeventlistener、dispatchevent

captureevents、releaseevents

requestidlecallback、cancelidlecallback

btoa:將乙個base64編碼過的字串轉換成ascii字串或二進位制資料。

atob:將ascii字串或二進位制資料轉換成乙個base64編碼過的字串。

scroll、scrollto、scrollby

resizeto、resizeby、moveto、moveby

requestanimationframe、cancelanimationframe

webkitrequestanimationframe、webkitcancelanimationframe

fetch提供了乙個獲取資源的介面(包括跨域)。任何使用過 xmlhttprequest 的人都能輕鬆上手,但新的api提供了更強大和靈活的功能集。

postmessage方法可以安全地實現跨源通訊。通常,對於兩個不同頁面的指令碼,只有當執行它們的頁面位於具有相同的協議(通常為https),埠號(443為https的預設值),以及主機  (兩個頁面的模數 document.domain設定為相同的值) 時,這兩個指令碼才能相互通訊。window.postmessage() 方法提供了一種受控機制來規避此限制,只要正確的使用,這種方法就很安全。

webkitrequestfilesystem

webkitresolvelocalfilesystemurl

opendatabase

getcomputedstyle方法給出應用活動樣式表後的元素的所有css屬性的值,並解析這些值可能包含的任何基本計算。

matchmedia方法返回乙個新的mediaquerylist 物件,表示指定的**查詢字串解析後的結果。

window.matchmedia("(min-width: 400px)").matches(當視窗非常有限的情況下,這段**讓你可以針對不同情況進行處理事情。)

getmatchedcssrules方法返回乙個cssrulelist陣列物件,包含著乙個有序的cssrule物件的集合。getmatchedcssrules(document.getelementsbyclassname('textarea')[0])。

getselection方法返回乙個  selection 物件,表示使用者選擇的文字範圍或游標的當前位置。

createimagebitmap:mdn。

瀏覽器根物件window之值為數值的屬性

1.1 length length 屬性返回在當前視窗中frames的數量 包括iframes 該屬性值與window.frames.length屬性值相等。1.2 innerwidth height 視窗中文件顯示區域的寬度,該屬性可讀可寫,以畫素計。這裡的寬度和高度不包括選單欄 工具欄以及滾動條...

瀏覽器根物件document之方法概述

getrootnode返回上下文的根節點。queryselector返回文件中匹配指定 css 選擇器的第乙個元素。queryselectorall返回文件中匹配指定 css 選擇器的所有元素。getelementbyid getelementsbyclassname getelementsbyna...

瀏覽器根物件document之數值和布林屬性

element node 1乙個 元素 節點,例如 和 text node 3element 或者 attr 中實際的文字 processing instruction node 7乙個用於xml文件的 processinginstruction 例如 宣告。comment node 8乙個 com...