zoukankan      html  css  js  c++  java
  • window.location属性

    编写一个javascript的函数把url解析为与页面的javascript.location对象相似的实体对象,如:url :'http://www.qq.com/index.html?key1=1&key2=2',最后输出的对象是:

    {
        protocol: "http", 
        hostname: "www.qq.com", 
        pathname: "index.html", 
        query: "key1=1&key2=2"
    }
    function parseUrl ( url )
    {
           var map = {};
           var protocol = url.search(":") > 0 ? url.split(":")[0] : "";   //在url中":"前面的是协议;
           var newUrl = protocol ? url.replace( protocol + "://" , "") : url;  //将url中的协议部分去除掉
           var arr = newUrl.split("/");
           hostname = arr[0];
           pathname = arr[1] ? arr[1].split("?")[0] : "";
           query = arr[1] ? arr[1].split("?")[1] : "";
           map = {
    protocol : protocol , hostname : hostname, pathname : pathname, query : query }
    return map; }

      

      

    window.location 对象所包含的属性

    属性描述
    hash 从井号 (#) 开始的 URL(锚)
    host 主机名和当前 URL 的端口号
    hostname 当前 URL 的主机名
    href 完整的 URL
    pathname 当前 URL 的路径部分
    port 当前 URL 的端口号
    protocol 当前 URL 的协议
    search 从问号 (?) 开始的 URL(查询部分)

  • 相关阅读:
    ES6 变量的解构赋值
    【js重学系列】new
    【js面试系列】手写常见js方法
    【js重学系列】this
    js-继承
    【js重学系列】数组高阶函数
    【js面试系列】数组去重
    云服务器部署项目-基本使用流程
    mongodb-基本使用
    移动端适配
  • 原文地址:https://www.cnblogs.com/shixiaomiao/p/4780674.html
Copyright © 2011-2022 走看看