JavaScriptBOM对象——Window对象&History对象&Location 对象

Posted 2022-01-08 musecho

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScriptBOM对象——Window对象&History对象&Location 对象相关的知识，希望对你有一定的参考价值。

1.Window对象：

表示浏览器中打开的窗口

技术图片

setInterval():它有一个返回值，主要是提供给 clearInterval 使用。

setTimeout():它有一个返回值，主要是提供给 clearTimeout 使用。

clearInterval():该方法只能清除由 setInterval 设置的定时操作。

clearTimeout():该方法只能清除由 setTimeout 设置的定时操作。

代码：

<script>
//        //确认弹出框
//            confirm("确定删除吗？");
//            //输入框
//            prompt("请输入内容：");
</script>

<body>
        <a href="02——history对象.html">点我！</a>
</body>

结果：

http://127.0.0.1:8020/WEB03_JS/%E6%A1%88%E4%BE%8B%E4%B8%89%EF%BC%9A%E4%BD%BF%E7%94%A8JS%E5%AE%8C%E6%88%90%E9%A1%B5%E9%9D%A2%E5%AE%9A%E6%97%B6%E5%BC%B9%E5%87%BA%E5%B9%BF%E5%91%8A/BOM%E5%AF%B9%E8%B1%A1/01_window%E5%AF%B9%E8%B1%A1.html

2.History对象：

History 对象包含用户（在浏览器窗口中）访问过的 URL

历史页面：使用 location 页面(把 href 属性值改为当前的 history)

History 页面代码：

<input type="button" value=" 返回上一个页面 "

onclick="javascript:history.back()"/>

go的参数：-1 返回上一个历史记录页面；-2 返回上上一个历史记录页面；1 进入下一个历

史记录页面。

让按钮点击失效：

onclick=”javascript:volid(0)”

代码：

<script>
            function fanhui() 
                history.go(1);
//                history.go(-1);
//                history.back();

            
</script>

<body>
    <input type="button" value="返回上一页" onclick="fanhui()" />
    <a href="03_location对象.html">下一页</a>
</body>

3.Location 对象

Location 对象包含有关当前 URL 的信息。

href:该属性可以完成通过 JS 代码控制页面的跳转。

代码：

<body>
        <input type="button" value="跳转到history页面" onclick="javascript:location.href=‘02——history对象.html‘"/>
</body>

结果：

4.Navigator 对象

Navigator 对象包含有关浏览器的信息。(该对象开发中不怎么常用)

5.Screen 对象

Screen 对象包含有关客户端显示屏幕的信息。(该对象开发中不怎么常用)

以上是关于JavaScriptBOM对象——Window对象&History对象&Location 对象的主要内容，如果未能解决你的问题，请参考以下文章

03JavaScriptBOM（window）19

JavaScriptBom

熟练掌握JS

前端基础：JavaScript BOM对象