window
对象表示浏览器中打开的窗口。
如果HTML
文档包含frame
或者iframe
, 浏览器不仅会为HTML
文档创建一个window
对象, 还会为每个iframe
创建一个新的window
对象。
在浏览器端,window
对象是全局对象。在调用全局对象的属性或者方法的时候可以省略全局对象名。
属性 | 说明 |
---|---|
history | 对history对象的只读引用。 |
location | 对location对象的只读引用。 |
navigator | 对navigator对象的只读引用。 |
screen | 对screen对象的只读引用。 |
document | 对document对象的只读引用。 |
innerWidth | 返回窗口的文档显示区域的宽度。 |
innerHeight | 返回窗口的文档显示区域的高度。 |
outerWidth | 返回窗口的外部宽度。 |
outerWidth | 返回窗口的外部高度。 |
name | 设置或者返回窗口的名称。 |
status | 设置或者返回状态栏文字。 |
defaultStatus | 设置或者返回状态栏的默认文字。 |
closed | 返回窗口是否已被关闭。 |
显示带有一段消息和一个确认按钮的模态的提示框。
这个方法是阻塞式的,只有你点击了确定按钮之后才会继续执行下面的代码。
示例:
alert('登录成功');
通常,我们不会使用这个函数,因为它长的难看不说,使用它的话,在iOS系统上会在标题栏上带上当前地址的URL, 这是我们不想看到的。一般我们会选择像layer这样的第三方弹出层解决方案来代替它。
显示带有一段消息和一个确认按钮、一个取消按钮的模态的提示框。
这个方法是阻塞式的,只有你点击了按钮之后才会继续执行下面的代码。
示例:
if (window.confirm("官人,真要弃我而去么?")) {
window.alert('等你回来!');
}
通常,我们不会使用这个函数,因为它长的难看不说,使用它的话,在iOS
系统上会在标题栏上带上当前地址的URL, 这是我们不想看到的。一般我们会选择像layer这样的第三方弹出层解决方案来代替它。
显示一个输入框和按钮。
这个方法是阻塞式的,只有你点击了按钮之后才会继续执行下面的代码。
示例:
var email = prompt("Let's know who you are, just input your email:");
console.log(email);
通常,我们不会使用这个函数,因为它长的难看不说,使用它的话,在iOS
系统上会在标题栏上带上当前地址的URL, 这是我们不想看到的。一般我们会选择像layer这样的第三方弹出层解决方案来代替它。
让window失去焦点。
让window获得焦点。
打开一个新的window。
示例:
var openedWindow = window.open(
"http://www.domainname.ext/path/ImageFile.png",
"DescriptiveWindowName",
"resizable,scrollbars,status"
);
关闭window。
示例:
openedWindow.close();
定时器。delay
毫秒后开始执行callback
函数。
示例:
var timerId = window.setTimeout(function() {
//TODO
}, 1000);
清除被setTimeout()
占用的资源,资源是有限的。
示例:
window.clearTimeout(timerId);
定时器。intervalTime
毫秒后开始执行callback
函数, 并且每隔intervalTime
毫秒执行一次callback
函数。
示例:
var intervalId = window.setInterval(function() {
//TODO
}, 1000);
清除被setInterval()
占用的资源,资源是有限的。
示例:
window.clearInterval(intervalId);