BOM_window对象

BOM:

概念：Browser Object Model 浏览器对象模型
将浏览器的各个组成部分封装成对象。
组成：

Window：窗口对象
Navigator：浏览器对象
Screen：显示器屏幕对象
History：历史记录对象
Location：地址栏对象

Window：窗口对象
创建
方法
与弹出框有关的方法：

alert() 显示带有一段消息和一个确认按钮的警告框。
prompt() 显示可提示用户输入的对话框。
返回值：获取用户输入的值
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
如果用户点击确定按钮，则方法返回true
如果用户点击取消按钮，则方法返回false

与打开关闭有关的方法：
close() 关闭浏览器窗口，谁调用关谁
open() 打开一个新的浏览器窗口，返回新的window对象

与定时器有关的方式：
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。

特点：
Window对象不需要创建可以直接使用 window使用。 window.方法名();
window引用可以省略。方法名();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window对象</title>

</head>
<body>
    <input id="openbtn" type="button" value="打开窗口">
    <input id="closebtn" type="button" value="关闭窗口">

    <script>
/*        //confirm
        var flag = confirm("确定要退出吗");
        if(flag){
            //如果点击确定，返回true
            alert("退出成功");
        }else {
            //点击取消，返回false
            alert("未退出，已返回");
        }

        //prompt
        var comm = prompt("请输入内容");
        alert(comm);*/

        //打开新窗口
        var openbtn = document.getElementById("openbtn");
        var baidu;
        openbtn.onclick = function () {
              baidu = open("http://www.baidu.com");
        }
        //关闭窗口
        var closebtn = document.getElementById("closebtn");
        closebtn.onclick = function () {
            //关闭刚刚打开的百度窗口,谁调用就关闭谁
            baidu.close();
        }

        //一次性定时器
        function fun() {
            alert("噼里啪啦....")
        }
        //setTimeout("fun();",2000); //2秒后弹出
        var bom = setTimeout(fun,2000);
        clearTimeout(bom); //清除了定时弹框

        //循环定时器
        setInterval(fun,2000); //每两秒弹出一次

        //获取history
        var h1 = history;
        alert(h1);

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

fanfjaiynu

发布了94 篇原创文章 · 获赞 0 · 访问量 1919

私信关注

BOM:

猜你喜欢