window打开关闭方法和window定时器方法()

与开发关闭有关的方法:

  • close() 关闭浏览器窗口

    谁调用我,我关谁

  • 谁调用我,我关谁
  • open() 打开一个新的浏览器窗口

    返回新的Window对象

  • 返回新的Window对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
    <input id="openBtn" type="button" value="打开窗口">
    <input id="closeBtn" type="button" value="关闭已经打开的窗口">

    <script>
        /*
         打开新窗口
        open();*/

        var openBtn = document.getElementById("openBtn");
        openBtn.onclick = function () {
            //打开新窗口
            open("https://www.baidu.com");
        };

        //关闭新窗口
        var closeBtn = document.getElementById("closeBtn");

        closeBtn.onclick = function () {
            close();
        };
    </script>
</body>
</html>

与定时器有关的方式

  • setTimeout()在指定的毫秒数后调用函数或计算表达式

    参数:

    js代码或者方法对象
    毫秒值

    返回值:唯一标识,用于取消定时器

  • 参数:

    js代码或者方法对象
    毫秒值

  • js代码或者方法对象
  • 毫秒值
  • 返回值:唯一标识,用于取消定时器
  • clearTimeout()取消由setTimeout()方法设置的timeout
  • setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式
  • clearInterval()取消由setInterval()设置的timeout
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>


    <script>
        //一次性定时器
        // setTimeout("alert('boom~~')",3000);

        // var id = setTimeout(fun, 2000);
        // clearTimeout(id);
        function fun() {
            alert('bomm~~');
        }

        var id = setInterval(fun,2000);
        clearInterval(id);

        //循环定时器
        // setInterval(fun, 2000);



    </script>
</body>
</html>
————————

与开发关闭有关的方法:

  • close() 关闭浏览器窗口

    谁调用我,我关谁

  • 谁调用我,我关谁
  • open() 打开一个新的浏览器窗口

    返回新的Window对象

  • 返回新的Window对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
    <input id="openBtn" type="button" value="打开窗口">
    <input id="closeBtn" type="button" value="关闭已经打开的窗口">

    <script>
        /*
         打开新窗口
        open();*/

        var openBtn = document.getElementById("openBtn");
        openBtn.onclick = function () {
            //打开新窗口
            open("https://www.baidu.com");
        };

        //关闭新窗口
        var closeBtn = document.getElementById("closeBtn");

        closeBtn.onclick = function () {
            close();
        };
    </script>
</body>
</html>

与定时器有关的方式

  • setTimeout()在指定的毫秒数后调用函数或计算表达式

    参数:

    js代码或者方法对象
    毫秒值

    返回值:唯一标识,用于取消定时器

  • 参数:

    js代码或者方法对象
    毫秒值

  • js代码或者方法对象
  • 毫秒值
  • 返回值:唯一标识,用于取消定时器
  • clearTimeout()取消由setTimeout()方法设置的timeout
  • setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式
  • clearInterval()取消由setInterval()设置的timeout
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>


    <script>
        //一次性定时器
        // setTimeout("alert('boom~~')",3000);

        // var id = setTimeout(fun, 2000);
        // clearTimeout(id);
        function fun() {
            alert('bomm~~');
        }

        var id = setInterval(fun,2000);
        clearInterval(id);

        //循环定时器
        // setInterval(fun, 2000);



    </script>
</body>
</html>