zoukankan      html  css  js  c++  java
  • javascript Location对象

    location 对象包含当前URL的信息

    location 对象是window 对象的一部分,可通过window.Location属性对其进行访问
    ps: 没有应用于Location对象的公开标准,不过所有的浏览器都支持该都改对象
    

    location的对象属性

    属性 描述
    hash 返回一个URL的锚部分
    host 返回一个URL主机名和端口
    hostname 返回URL的主机名
    href
    pathname
    port
    protocol
    search

    location的对象方法

    方法 说明
    assign() 载入一个新的文档
    reload() 重新载入当前的文档
    replace() 用新的文档替换当前文档

    hash属性

    hash属性是一个可读可写的字符串,该字符串是URL的锚部分(从#号开始的地方)
    location.hash (所有的浏览器都支持hash属性)
    返回一个URL的部分。假设当前的URL是:
    http://www.xxx.xx/test#ssgao1987
    <script>
      console.log(location.hash);//输出为#ssgao1987
    </script>
    

    host属性

    host属性是一个可读可写的字符串,可设置或返回当前URL的主机名称和端口
    location.host (所有的浏览器都支持host属性)
    
    返回当前URL的主机名和端口
    http://www.baidu.com/ssgao1987
    <script>
     console.log(location.host); //返回的结果为:www.baidu.com
    </script>
    

    hostname属性

    hostname属性是一个可读可写的字符串,可设置或返回当前URL的主机名
    location.hostname(所有主要的浏览器都支持)
    返回当前URL的主机名
    http://www.baidu.com/ssgao1987
    <script>
     console.log(location.host); //返回的结果为:www.baidu.com
    </script>
    

    href属性

    href属性是一个可读可写字符串,可设置或返回当前显示的文档的完整的URL
    location.href(所有的浏览器都支持)
    返回完整的URL(当前页):
    例如:http://www.baidu.com/ssgao1987
    <script>
      console.log(location.href);
    </script>
    输出的结果:
      http://www.baidu.com/ssgao1987
    

    pathname属性

    pathname属性是一个可读可写的字符串,可设置或返回当前URL的路径部分
    location.pathname(所有的浏览器都支持)
    返回当前URL的路径名
    http://www.baidu.com/ssgao1987
    <script>
       console.log(location.pathname);
    </script>
    输出的结果为:/ssgao1987
    

    port属性

    port属性是一个可读可写的字符串,可设置或返回当前URL的端口部分
    ps:如果端口就是80(这是默认的端口)无需指定
    location.port(所有的浏览器都支持)
    返回当前URL的端口号
    http://127.0.0.1:8090/ssgao
    <script>
      document.write(location.port);
    </script>
    输出结果为:8090
    

    protocol属性

    protocol属性是一个可读可写的字符串,可设置或返回当前URL的协议
    location.protocol (所有的浏览器都支持)
    返回当前URL的协议部分
    <script>
     console.log(location.protocol); 
    <script>
    输出的结果: http1.1
    

    search属性

    search属性是一个可读可写的字符串,可设置或返回当前URL的查询部分(问号?之后的部分)
    location.search(所有的浏览器都支持)
    返回URL的查询部分,假如当前的URL就是http://www.baidu.com/ssgao?name=aouo&age=34
    <script>
      console.log(location.search);
    </script>
    输出的结果为:?name=aouo&age=34
    

    assign()方法

    该方法用于重新加载一个新的文档
    location.assign(URL)(所有的浏览器都支持assign()方法)
    <!DOCTYPE html> 
    <html> 
    <head> 
    <script> 
    ##加载一个新的文档
    function newDoc(){ 
        window.location.assign("http://www.baidu.com") 
    } 
    </script> 
    </head> 
    <body> 
    ##点击载入新的文档
    <input type="button" value="载入新文档" onclick="newDoc()"> 
    </body> 
    </html>
    

    reload()方法

    reload()方法用于刷新当前文档,类似与浏览器上的刷新按钮
    
    所有的主要浏览器都支持reload()方法
    location.reload(forceGet)
    

    forceGet booean 类型

    可选,如果该方法的参数设置为true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档,这与用户在单击浏览器的刷新按钮是按住shift按键的效果一样
    

    replace()方法

    replace()方法可用一个新的文档取代当前的文档
    location.replace(newURL);(所有的浏览器都支持)
    <!DOCTYPE html> 
    <html> 
    <head> 
    <script>
    ## 替换当前文档内容 
    function replaceDoc(){ 
        window.location.replace("http://www.runoob.com") 
    } 
    </script> 
    </head> 
    <body> 
    <input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()"> 
    </body> 
    </html>
    
  • 相关阅读:
    Matlab2014+VS2013配置vlfeat0.9.20 2016-10-27 15:03 223人阅读 评论(0) 收藏
    scikit-learn SVM使用和学习 2016-08-21 16:34 214人阅读 评论(0) 收藏
    python部落习题笔记 标签: python 2016-07-14 16:08 248人阅读 评论(0) 收藏
    NBNN及SIS Measure 标签: 稀疏相似度度量NBNNSIS分类 2016-04-16 10:49 754人阅读 评论(0)
    压缩感知的MP算法 标签: 压缩感知稀疏表示MP算法 2016-03-19 20:41 594人阅读 评论(0)
    K-means 处理 RGB 图像 标签: clusteringkmeansRGBmatlab 2015-08-16 16:49 255人阅读
    C++ Primer Plus 第6版 中文版随书笔记 标签: c++ 2015-07-22 18:58 205人阅读 评论(0)
    3D 数据的获取和读入 标签: matlab3D 图像 2015-04-19 11:52 387人阅读 评论(0)
    Python学习笔记九:文件I/O
    Python学习笔记八:模块
  • 原文地址:https://www.cnblogs.com/ssgao/p/8868606.html
Copyright © 2011-2022 走看看