BOM_Window_属性和BOM_Location

BOM_Window_属性

1.获取其他BOM对象:

  history 对 History 对象的只读引用。请参数 History 对象。

  location 用于窗口或框架的 Location 对象。请参阅 Location 对象。

  navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。

  screen 对 Screen 对象的只读引用。请参数 Screen 对象。

2.获取DOM对象

  document 对 Document 对象的只读引用。

    <script>
        //获取history
        var h1 = window.history;
        var h2 = history;
        alert(h2);

        window.document.getElementById("");
        document.getElementById("");
    </script>

BOM_Location(地址栏对象)

Location:地址栏对象

  1.创建(获取):

    1.window.location

    2.location

  2.方法:

    reload() 重新加载当前文档。刷新

  3.属性

    href 设置或返回完整的 URL。

<body>
    <input type="button" value="刷新" id="btn">
    <input type="button" value="去百度" id="goBai">

    <script>
        //reload方法,定义一个按钮,点击按钮,刷新当前页面
        //1.获取按钮
        var btn = document.getElementById("btn");
        //2.绑定单击事件
        btn.onclick = function () {
            //刷新页面
            location.reload();
        }

        //获取href
        var href = location.href;
        //alert(href);
        //点击按钮访问百度官网
        //1.获取按钮
        var goBai = document.getElementById("goBai");
        //2.绑定单击事件
        goBai.onclick = function () {
            //访问百度
            location.href ="https://www.baidu.com";
        }
        
    </script>
</body>

 

 

posted @ 2022-08-03 14:35  魔光领域  阅读(20)  评论(0编辑  收藏  举报