js获取地址栏的各种信息（location）

向右看齐 2023-02-15 10:12 15阅读 0赞

function args(getParam='id') { 
        //创建一个存放键值对的数组
        var args = [];
        //去除?号
        var qs = location.search.length > 0 ? location.search.substring(1) : '';
        //按&字符串拆分数组
        var items = qs.split('&');
    
        var item = null, name = null,value = null;
        //遍历
        for (var i = 0; i < items.length; i++) { 
            item = items[i].split('=');
            name = item[0];
            value = item[1];
            //把键值对存放到数组中去
            args[name] = value;
        }
        return args[getParam];
    }
    alert(args());  //获取id的值
    alert(args('name'));  //获取name的值

location.hash='#1'; //设置#后的字符串，并跳转
    alert(location.hash); //获取#后的字符串
    location.port=8888; //设置端口号，并跳转
    alert(location.port); //获取当前端口号，
    location.hostname='Lee'; //设置主机名，并跳转
    alert(location.hostname); //获取当前主机名，
    location.pathname='Lee'; //设置当前路径，并跳转
    alert(location.pathname); //获取当前路径，
    location.protocal='ftp:'; //设置协议，没有跳转
    alert(location.protocol); //获取当前协议
    location.search='?id=5'; //设置?后的字符串，并跳转
    alert(location.search); //获取?后的字符串
    location.href='http://www.baidu.com'; //设置跳转的 URL，并跳转
    alert(location.href); //获取当前的 URL

### 资料 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg_size_16_color_FFFFFF_t_70]  
location是BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是window对象的属性，也是document对象的属性；所以window.location和document.location等效  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200605000327644.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200605000607968.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg==,size_16,color_FFFFFF,t_70