zoukankan      html  css  js  c++  java
  • js 获取 url 地址参数

     获取 url 路径端口地址

    window.location.host; //返回url 的主机部分,例如:www.xxx.com  
    window.location.hostname; //返回www.xxx.com  
    window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏),例如:www.xxx.com/index.php?class_id=3&id=2  
    window.location.pathname; //返回/a/index.php或者/index.php  
    window.location.protocol; //返回url 的协议部分,例如: http:,ftp:,maito:等等。  
    window.location.port //url 的端口部分,如果采用默认的80端口,那么返回值并不是默认的80而是空字符  
    window.location.search 获取 href 属性中跟在问号后面的部分
    

    获取url 参数值

    第一种方法

    //返回的是字符串形式的参数,例如:class_id=3&id=2&  
    function getUrlArgStr(){  
        var q=location.search.substr(1);  
        var qs=q.split('&');  
        var argStr='';  
        if(qs){  
            for(var i=0;i<qs.length;i++){  
                argStr+=qs[i].substring(0,qs[i].indexOf('='))+'='+qs[i].substring(qs[i].indexOf('=')+1)+'&';  
            }  
        }  
        return argStr;  
    }  

     第二种方法

    //返回的是对象形式的参数  
    function getUrlArgObject(){  
        var args=new Object();  
        var query=location.search.substring(1);//获取查询串  
        var pairs=query.split(",");//在逗号处断开  
        for(var i=0;i<pairs.length;i++){  
            var pos=pairs[i].indexOf('=');//查找name=value  
            if(pos==-1){//如果没有找到就跳过  
                continue;  
            }  
            var argname=pairs[i].substring(0,pos);//提取name  
            var value=pairs[i].substring(pos+1);//提取value  
            args[argname]=unescape(value);//存为属性  
        }  
        return args;//返回对象  
    }

     第三种方法

    //采用正则表达式获取地址栏参数
    function GetQueryString(name)
    {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null) return r[2];
    }
  • 相关阅读:
    Vue2.0 【第二季】第2节 Vue.extend构造器的延伸
    Vue2.0 【第二季】第1节 Vue.directive自定义指令
    Vue2.0 【第一季】第8节 v-pre & v-cloak & v-once
    Vue2.0 【第一季】第7节 v-bind指令
    c# tcp协议
    easyui笔记
    asp.net get中文传值乱码
    asp.net 调试,Web 服务器被配置为不列出此目录的内容。
    金蝶API 官方demo报错,解决方案
    hbuilder拍照上传,与asp.net服务器获取并保存
  • 原文地址:https://www.cnblogs.com/xuey/p/7771905.html
Copyright © 2011-2022 走看看