• 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 代表返回下一页

  • 相关阅读:
    关于工作中Git相关的总结
    浅谈MySQL的优化
    由内搜推送思考Kafka 的原理
    SOA和微服务架构
    Centos7.2 搭建Lamp服务器以及迁移WordPress个人博客详细过程
    MyISAM和InnoDB索引实现区别
    图解高内聚与低耦合
    图解Java常用数据结构(一)
    Java源码安全审查
    Java高并发之锁优化
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11217226.html
Copyright © 2020-2023  润新知