location 对象的方法 / navigator 对象 / history 对象

最新推荐文章于 2024-11-07 16:11:51 发布

杨蛋蛋~R

最新推荐文章于 2024-11-07 16:11:51 发布

阅读量153

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50119334/article/details/108923060

版权

javascript 专栏收录该内容

37 篇文章 2 订阅

订阅专栏

location 对象的方法

location 对象的方法	返回值
location.assign()	跟herf一样，可以跳转页面（也称为重定向页面），记录历史，所以可以后退页面
location.replace()	替换当前页面，因为不记录历史，所以不能后退页面
location.reload()	重新加载页面，相当于刷新页面，如果参数为true，强制刷新 ctrl+f5

使用方法：

<body>
    <button>点击</button>
    <script>
      var btn = document.querySelector("button");
      btn.addEventListener(function () {
      //记录历史，所以可以后退页面
        location.assign("http://baidu.com");
      //不记录历史，所以不可以后退页面
        location.replace("http://baidu.com");
      //相当于刷新页面
        location.reload();
      });
    </script>
  </body>

navigator 对象

navigator 对象包含有关浏览器的信息，它有很多属性，最常用的是 userAgent ，该属性可以返回由客户机发送服务器的user-agent头部的值

history 对象

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

History 对象方法	方法描述
back()	加载 history 列表中的前一个 URL，后退功能
forward()	加载 history 列表中的下一个 URL，前进功能
go(参数)	前进后退功能，参数如果是1 前进一个页面，如果是-1，后退一个页面