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

  • 相关阅读:
    各类免费资料及书籍索引大全(珍藏版)
    转—如何写一篇好的技术博客
    如何写技术博客
    Spring + Spring MVC + Mybatis 框架整合
    Httpclient 4.5.2 请求http、https和proxy
    HttpClient4.5.2 连接池原理及注意事项
    php加密数字字符串,使用凯撒密码原理
    php 阿里云视频点播事件回调post获取不到参数
    Nginx代理后服务端使用remote_addr获取真实IP
    记录:mac的浏览器访问任何域名、网址都跳转到本地127.0.0.1或固定网址
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11217226.html
Copyright © 2011-2022 走看看