浏览器根对象window之操作方法

1.1 不常用

alert：带有一条指定消息和一个OK按钮的警告框。

confirm：带有指定消息和OK及取消按钮的对话框。

prompt：可提示用户进行输入的对话框。

print：打印网页。

open：打开一个新的浏览器窗口或查找一个已命名的窗口。

stop：模拟用户点击浏览器上的“停止”按钮，终止浏览器的下载操作。

close：用于自动关闭浏览器窗口。

focus：可把键盘焦点给予一个窗口。

blur：可把键盘焦点从顶层窗口移开。

下列方法别用：find

1.2 定时器

大名鼎鼎的2个定时器不知道就不应该了：

setTimeout、setInterval

clearTimeout、clearInterval

1.3 事件

addEventListener、removeEventListener、dispatchEvent

captureEvents、releaseEvents

requestIdleCallback、cancelIdleCallback

1.4 编码转换

btoa：将一个base64编码过的字符串转换成ascii字符串或二进制数据。

atob：将ascii字符串或二进制数据转换成一个base64编码过的字符串。

1.5 滚动页面

scroll、scrollTo、scrollBy

1.6 窗口操作

resizeTo、resizeBy、moveTo、moveBy

1.7 动画

requestAnimationFrame、cancelAnimationFrame

webkitRequestAnimationFrame、webkitCancelAnimationFrame

1.8 网络

fetch提供了一个获取资源的接口（包括跨域）。任何使用过 XMLHttpRequest 的人都能轻松上手，但新的API提供了更强大和灵活的功能集。

postMessage方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机  (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。

1.9 操作本地数据

webkitRequestFileSystem

webkitResolveLocalFileSystemURL

openDatabase

1.10 CSS有关

getComputedStyle方法给出应用活动样式表后的元素的所有CSS属性的值，并解析这些值可能包含的任何基本计算。

matchMedia方法返回一个新的MediaQueryList 对象，表示指定的媒体查询字符串解析后的结果。

window.matchMedia("(min-width: 400px)").matches（当窗口非常有限的情况下，这段代码让你可以针对不同情况进行处理事情。）

getMatchedCSSRules方法返回一个CSSRuleList数组对象，包含着一个有序的CSSRule对象的集合。getMatchedCSSRules(document.getElementsByClassName('textarea')[0])。

1.11 选择集

getSelection方法返回一个  Selection 对象，表示用户选择的文本范围或光标的当前位置。

1.12 图形数据处理

createImageBitmap：MDN。

转载于:https://www.cnblogs.com/ndos/p/8270630.html