Window对象

Window对象

创建

不需要创建,可以直接使用。

方法

1 . 与弹出框有关的方法
alert( ) : 显示带有一段消息和一个确定按钮的警告框

        alert("hello,JS");

Window对象_第1张图片
confirm( ) :显示带有一段消息以及确认按钮和取消按钮的对话框

  • 方法有返回值,点击确定则返回true,点击取消返回false。
		var b = confirm("确认要退出吗?");
        alert(b);

Window对象_第2张图片
Window对象_第3张图片

prompt( ) : 显示可提示用户输入的对话框

  • 不写参数的时候,弹出一个输入框,没有提示;写参数的时候,上边会提示参数里的内容。
  • 有返回值,返回值为用户输入的值。
prompt();
prompt("请输入信息");
var msg = prompt("请输入信息");
        alert(msg);

Window对象_第4张图片
Window对象_第5张图片
Window对象_第6张图片
Window对象_第7张图片
2 . 与打开关闭有关的方法

  • open(): 打开一个新的窗口。
    可以有参数,参数为打开的链接。
    没有的话打开一个空白窗口。
    有返回值,返回值为打开的新窗口。

  • clese() : 关闭调用该方法的窗口。
    默认关闭当前窗口。

<body>
    <input type="button" id="btn" value="打开新窗口">
    <input type="button" id="closebtn" value="关闭窗口">
</body>
<script>
    var btn = document.getElementById("btn");
    var newWindow;
    btn.onclick=function () {
        newWindow = open("http://www.bilibili.com");
    }
    var cloBtn = document.getElementById("closebtn");
    cloBtn.onclick=function () {
        newWindow.close();
    }
</script>
//点击 “打开新窗口” ,在新窗口打开B站,点击关闭窗口,关闭新打开的B站

在这里插入图片描述

3 . 与定时器有关的方法
setTimeout() : 在指定毫秒数后调用函数或者计算表达式。

  • 有两个参数:1.js的代码或者方法对象,2.毫秒值。

  • 有返回值。

// 三秒后弹出 hello
setTimeout("alert('hello')",3000);
// 四秒后弹出 world
setTimeout("f()",4000);
setTimeout(f,4000);
    function f() {
        alert("world");
    }

clearTimeout() : 取消由setTimeout()方法设置的Timeout。

  • 参数为取消的定时器的返回值。
 var no = setTimeout(f,2000);
 // 取消定时器,不会再弹出对话框。
    clearTimeout(no);
    function f() {
        alert("world");
    }

setInterval() : 按照指定的周期来调用函数或者计算表达式。

  • 有两个参数:1.js的代码或者方法对象,2.毫秒值。

  • 有返回值。

claerInterval() : 取消由setInterval() 方法设置的Timeout。

  • 参数为取消的定时器的返回值。
// 每两秒执行一次f方法
var no = setInterval(f,2000);
// 取消循环定时器
    clearInterval(no);
    function f() {
        alert("world");
    }

属性

1 . 获取其他的BOM对象:

  • history
  • location
  • Navigater
  • Screen

2 . 获取其他的DOM对象:

  • document

获取的时候可以用 window.对象名 获取,也可以直接用对象名获取。

特点

  1. Window 对象不需要创建可以直接使用 ,window.方法名( );
window.alert("hello,world");

Window对象_第8张图片
2. Window 引用可以省略。 方法名( );

        alert("hello,JS");

Window对象_第9张图片

你可能感兴趣的:(Window对象)