window

参考

window对象表示浏览器中打开的窗口。

如果HTML文档包含frame或者iframe, 浏览器不仅会为HTML文档创建一个window对象, 还会为每个iframe创建一个新的window对象。

在浏览器端,window对象是全局对象。在调用全局对象的属性或者方法的时候可以省略全局对象名。

1.1、window对象的属性
属性说明
historyhistory对象的只读引用。
locationlocation对象的只读引用。
navigatornavigator对象的只读引用。
screenscreen对象的只读引用。
documentdocument对象的只读引用。
innerWidth返回窗口的文档显示区域的宽度。
innerHeight返回窗口的文档显示区域的高度。
outerWidth返回窗口的外部宽度。
outerWidth返回窗口的外部高度。
name设置或者返回窗口的名称。
status设置或者返回状态栏文字。
defaultStatus设置或者返回状态栏的默认文字。
closed返回窗口是否已被关闭。
1.2、window对象的方法
1.2.1、alert(String message)

显示带有一段消息和一个确认按钮的模态的提示框。

这个方法是阻塞式的,只有你点击了确定按钮之后才会继续执行下面的代码。

示例:

alert('登录成功');

通常,我们不会使用这个函数,因为它长的难看不说,使用它的话,在iOS系统上会在标题栏上带上当前地址的URL, 这是我们不想看到的。一般我们会选择像layer这样的第三方弹出层解决方案来代替它。

1.2.2、var isOk = confirm(String message)

显示带有一段消息和一个确认按钮、一个取消按钮的模态的提示框。

这个方法是阻塞式的,只有你点击了按钮之后才会继续执行下面的代码。

示例:

if (window.confirm("官人,真要弃我而去么?")) {
    window.alert('等你回来!');
}

通常,我们不会使用这个函数,因为它长的难看不说,使用它的话,在iOS系统上会在标题栏上带上当前地址的URL, 这是我们不想看到的。一般我们会选择像layer这样的第三方弹出层解决方案来代替它。

1.2.3、var str = prompt(String message, String defaultValue)

显示一个输入框和按钮。

这个方法是阻塞式的,只有你点击了按钮之后才会继续执行下面的代码。

示例:

var email = prompt("Let's know who you are, just input your email:");
console.log(email);

通常,我们不会使用这个函数,因为它长的难看不说,使用它的话,在iOS系统上会在标题栏上带上当前地址的URL, 这是我们不想看到的。一般我们会选择像layer这样的第三方弹出层解决方案来代替它。

1.2.4、window.blur()

让window失去焦点。

1.2.5、window.focus()

让window获得焦点。

1.2.6、var openedWindow = window.open(String url, String name [, String features])

打开一个新的window。

示例:

var openedWindow = window.open(
    "http://www.domainname.ext/path/ImageFile.png",
    "DescriptiveWindowName",
    "resizable,scrollbars,status"
    );
1.2.7、window.close()

关闭window。

示例:

openedWindow.close();
1.2.8、var timerId = window.setTimeout(Function callback, Integer delay);

定时器。delay毫秒后开始执行callback函数。

示例:

var timerId = window.setTimeout(function() {
    //TODO
}, 1000);
1.2.9、window.clearTimeout(timerId);

清除被setTimeout()占用的资源,资源是有限的。

示例:

window.clearTimeout(timerId);
1.2.10、var intervalId = window.setInterval(Function callback, Integer intervalTime);

定时器。intervalTime毫秒后开始执行callback函数, 并且每隔intervalTime毫秒执行一次callback函数。

示例:

var intervalId = window.setInterval(function() {
    //TODO
}, 1000);
1.2.11、window.clearInterval(intervalId);

清除被setInterval()占用的资源,资源是有限的。

示例:

window.clearInterval(intervalId);