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];
    }
  • 相关阅读:
    UILabel滚动字幕的实现
    Objective-C中字典的使用方法总结
    iOS获取汉字的拼音
    iOS界面布局设计
    iOS人机界面指南(翻译)
    前端异步是什么?哪些情况下会发生异步?
    ES6 class类的用法
    js中的递归遍历讲解
    css选择器详解,带实例
    vue实现多个下拉去重
  • 原文地址:https://www.cnblogs.com/xuey/p/7771905.html
Copyright © 2011-2022 走看看