• location对象


    Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。Location 对象包含有关当前 URL 的信息。

    一、location对象属性

    href

    返回完整的URL(是一个可读可写的字符串)

    search

    返回一个URL的查询部分

    假设URL为http://www.runoob.com/submit.htm?key=12

    console.log(location.search) 输出结果为?key=12

    hash

    返回一个URL的锚部分

    假设URL为http://www.runoob.com/submit.htm#part1

    console.log(location.hash) 输出结果为#part1

    protocol

    返回一个URL协议

    假设URL为http://www.runoob.com/submit.html

    console.log(location.protocol) 输出结果为http:

    host

    返回一个URL的主机名和端口

    假设URL为http://www.runoob.com/submit.html

    console.log(location.host) 输出结果为www.runoob.com

    hostname

    返回URL的主机名

    假设URL为http://www.runoob.com/submit.html

    console.log(location.hostname) 输出结果为www.runoob.com

    port

    返回一个URL服务器使用的端口号,默认端口号是80,无需指定。

    pathname

    返回的URL路径名

    假设URL为http://www.runoob.com/js/submit.html

    console.log(location.pathname) 输出结果为/js/submit.html

    二、location对象方法

    assign(url)

    载入新文档 ,该方法打开的页面可以点击后退按钮。

    reload(true),参数可选

    重新载入当前文档,该方法强迫浏览器刷新当前页面。

    可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5。

    replace(newurl)

    用新文档替换当前文档,该方法打开的页面没有后退按钮,通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问之前的历史记录。

  • 相关阅读:
    五分钟学编程:如何学好数据结构与算法?
    假如有人把支付宝的服务器炸了, 存在支付宝里的钱是不是没了?
    腾讯辞退60多人!10余人被移送公安机关
    uniGUI之TUniHiddenPanel(14)
    uniGUI之FirDAC(13)
    uniGUI之MainModule(12)
    uniGUI 应用程序体系结构(11)
    UniGUI之Login窗口(10)
    ActiveMQ面试专题
    Redis面试专题
  • 原文地址:https://www.cnblogs.com/camille666/p/js_location_obj.html
Copyright © 2020-2023  润新知