BOM_window属性和BOM_Location

BOM_window属性：

1．属性：

1．获取其他BOM对象：

history

location

Navigator

screen：

2．获取DOM对象

document

代码实现：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>window属性</title>
</head>
<body>

    <script>

        //获取history
        let h1 = window.history;
        let h2 = history;

        alert(h1);
        alert(h2);

        let openBtn = window.document.getElementById("openBtn");
        alert(openBtn);
        // document.getElementById("");
    </script>

</body>
</html>

 

 

 

 

 

BOM_Location：

代码实现：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>window属性</title>
</head>
<body>
    <input type="button" id="btn" value="刷新">

    <input type="button" id="goItcast" value="去传智">
    <script>
        //reload方法，定义一个按钮，刷新当前页面
        //1.获取指纹
        let btn = document.getElementById("btn");
        //2.绑定单击事件
        btn.onclick = function () {
            //3.刷新页面
            location.reload();
        }

        //获取href
        let href = location.href;
        alert(href);
        //点击按钮，去访问www.itcast.cn官网
        //1.获取按钮
        let goItcast = document.getElementById("goItcast");
        //2.绑定单击事件
        goItcast.onclick = function () {
            //3.去访问www.itcast.cn官网
            location.href = "https://www.baidu.com/";
        }

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

 

posted @ 2022-11-23 20:04  冰灵IT  阅读(24)  评论(0)    收藏  举报