location

  location (地址): 是浏览器 window 上的一个对象,不仅能处理当前页面的网络地址,还可以实现页面间的跳转

  页面的跳转:

  为什么使用它?

    使我们也可以通过脚本语言,也能实现 a 链接,同样的效果,location对象 为我们提供了三种方法

    location.href="网址";  // 我们熟知且常用的一个方法   , window 可以省略不写

    loction.assign("网址");

    location.replace("网址");

    这三种方式都可以实现页面的跳转,但还是有一些细微的区别

      本质上:href 是属性,而 assign() 和 replace() 都是方法

      功能上:href 及 assign() 即使跳到新页面,也可以返回到上一页,而 replace() 方法则不可以

  地址的解析:

  为什么要使用它?

    location 上面提供了对网络地址极其详细的解析,我们可以在这个对象上拿到我们网址的任何信息

  怎么使用?

    案例:http://127.0.0.1:5500/7.20/02.html?number=10#123  拿这个网址来说道说道 location 的强大之处

    location.hash:返回一个 url 锚的部分

      console.log(location.hash)  // #123 提取 #及后面的内容 

    location.search:get 方式传递的参数

      console.log(location.search)  // ?number=10 提取的内容 ? 及后面的内容,到 # 截止

    location.hostname:域名

      console.log(location.hostname)  // 127.0.0.1 

    location.pathname:路径

      console.log(location.pathname)  //   /7.20/02.html  该文件所在的目录

    location.port:端口

      console.log(location.port)  // 5500 

    location.protocol:http协议 (http协议有两种:一种 http 另一种是 https )

      console.log(location.protocol)  // http:

    怎么样:通过上面的案例,我们是不是就能看到 location 的神奇之处了,将我们的网络地址解析的非常透彻了,但是返回的数据类型是一个字符串

  所以,我们要想得到真正的数据,还是要经过数据处理的过程

  刷新页面

    history 历史记录的对象,也是 window 上面的一个属性

    history.go(0)  // 0 代表刷新页面  -1 代表返回上一页  1 代表返回下一页

原文地址:https://www.cnblogs.com/shangjun6/p/11217226.html