zoukankan      html  css  js  c++  java
  • 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 代表返回下一页

  • 相关阅读:
    FastDFS安装配置过程中出现错误提示"/home/yuqing/fastdfs" can't be accessed, error info: No such file or directory
    dubbo-monitor安装监控中心,管理控制台安装网页一直访问不到,解决bug的方式记录
    dubbo-monitor安装监控中心,管理控制台安装
    zookeeper伪分布式集群安装
    zookeeper单节点安装
    JedisCluster操作redis集群demo
    Redis Cluster集群的搭建
    redis3.0.6安装配置
    Windows注册表中修改CMD默认路径
    eclipse中使用mybatis-generator逆向代码生成工具问题解决记录
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11217226.html
Copyright © 2011-2022 走看看