zoukankan      html  css  js  c++  java
  • Javascript高级编程学习笔记(29)—— BOM(3)location对象

    在JS中location是一个神奇的对象

    它既是window对象的属性,也是document对象的属性

    它的作用主要在于保存当前文档页面的信息,以及将 url 解析为独立的片段

    location对象属性

    1、hash  返回url中的 #后面的0个或多个字符,若 url 不包含#则返回空字符串

    2、host  返回url中的服务器名称和端口号 如“localhost:8080”

    3、hostname  返回url中不带端口号的服务器名称

    4、href  返回当前加载页的完整 url 

    5、pathname  返回 url 中的路径名如:"localhost/lhy:8080" 则返回 "/lhy”

    6、port  返回 url中的端口号

    7、protocol  返回所使用的协议一般为:http、https

    8、search  返回url中的查询字符串,即问号开始的部分,包括问号

    上述属性中一般来说可能用到比较多的就是 hash 、search

    由于事件中有监听hash改变的事件,所以可以利用该事件来完成前端路由

    即一般来说前后分离(非模板直出)的应用常使用该值来进行,不同页面之间的信息传递

    位置操作

    location对象还有许多方法用于控制当前的页面位置

    1、assign方法  传递一个 url 浏览器会打开该 url 并生成一条新的浏览记录(window.location或location.href修改值的时候默认会调用assign方法)

    2、replace方法  该方法和assign类似,但是两者的区别在于,assign会新生成浏览器的历史记录,而replace不会生成新的,而是会用传入的参数来替换当前的url

    3、reload方法 该方法不用传入参数,若传入true则会忽视浏览器缓存,强制从服务器重新加载

    以上就是location有关的内容,本来还要讲一个对象的,但是今天是元旦嘛,就放松一下

    大家元旦快乐,emm.....

  • 相关阅读:
    些许注意事项(初学)
    第一个方法(初学)
    重载(初学)
    数组(初学)
    文件下载(初学)
    javaweb中上传视频,并且播放,用上传视频信息为例
    javaweb中上传图片并显示图片,用我要上传课程信息(里面包括照片)这个例子说明
    从后台servlet中,获取jsp页面输入的值,来删除用户一行信息
    第二式 观察者模式
    第一式 策略模式
  • 原文地址:https://www.cnblogs.com/lhyxq/p/10204908.html
Copyright © 2011-2022 走看看