Version: Next

window对象

当前浏览器标签对象

其他几个浏览器的对象：

  • Location 地址栏对象
  • History 浏览器历史记录对象
  • Screen 显示器屏幕对象
  • Navigator 整个浏览器 浏览器对象

方法

与弹出框有关的方法

  • window.alert()——弹出一个警告框
  • window.confirm()——显示一段消息以及确认按钮和取消按钮的对话框
  • window.prompt()——弹出，返回用户输入的值

与打开关闭有关的方法

  • open()——打开一个新窗口，返回值为新开页面的window对象
  • close()——关闭一个窗口，谁调用就关闭谁

与定时器有关的方法

  • setTimeout()——指定一个时间后执行代码，只执行一次
    • 参数1：Js代码片段或方法对象
    • 参数2：毫秒值
  • clearTimeout()——取消定时器
  • setInterval()——按照指定的周期来调用函数或者计算表达式
  • clearInterval()——取消按照指定的周期定时器

特点

  • window对象不需要创建，可以直接通过window使用 window.方法名();
  • window引用可以省略，可以直接 -> 方法名();

案例——轮播图

<body>
<img id="image" src="../../image/案例2-轮播图/img/banner_1.jpg"/>
<script>
var i = 1;
var image = document.getElementById("image");
function fun() {
// if (i == 1) {
// image.src = "../../image/案例2-轮播图/img/banner_1.jpg";
// i++;
// } else if (i == 2) {
// image.src = "../../image/案例2-轮播图/img/banner_2.jpg";
// i++;
// } else if (i == 3) {
// image.src = "../../image/案例2-轮播图/img/banner_3.jpg";
// i = 1;
// }
image.src = "../../image/案例2-轮播图/img/banner_" + i + ".jpg";
if (i < 3) {
i++;
} else {
i = 1;
}
}
setInterval(fun, 3000);
</script>
</body>