Javascript 获取链接(url)参数的方法

qa项目可能需要客户端获取到url的参数,搜到一个很好的解决方法,记录在博客,省得以后找麻烦。

方法一:分解链接的方式

<script type="text/javascript">
/*
 * 说明:Javascript 获取链接(url)参数的方法
 */
function getQueryString(name)
{
    // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空
    if(location.href.indexOf("?")==-1 || location.href.indexOf(name+‘=‘)==-1)
    {
        return ‘‘;
    }

    // 获取链接中参数部分
    var queryString = location.href.substring(location.href.indexOf("?")+1);

    // 分离参数对 ?key=value&key2=value2
    var parameters = queryString.split("&");

    var pos, paraName, paraValue;
    for(var i=0; i<parameters.length; i++)
    {
        // 获取等号位置
        pos = parameters[i].indexOf(‘=‘);
        if(pos == -1) { continue; }

        // 获取name 和 value
        paraName = parameters[i].substring(0, pos);
        paraValue = parameters[i].substring(pos + 1);

        // 如果查询的name等于当前name,就返回当前值,同时,将链接中的+号还原成空格
        if(paraName == name)
        {
            return unescape(paraValue.replace(/\+/g, " "));
        }
    }
    return ‘‘;
};

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryString(‘test‘));
</script>

方法二:用正则匹配

<script type="text/javascript">
function getQueryStringRegExp(name)
{
    var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");
    if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
};

//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryStringRegExp(‘test‘));
</script>

原文链接:http://www.codebit.cn/javascript/javascript-get-url-parameter.html

时间: 2024-08-04 10:11:26

Javascript 获取链接(url)参数的方法的相关文章

javascript:设置URL参数的方法,适合多条件查询

适用场景:多条件查询情况,如下图所示: 通过设置URL参数,再结合数据源控件设置的RUL参数,就能进行简单的多条件查询了. javascript函数: <mce:script type="text/javascript"><!-- //设置URL参数的方法 function setParmsValue(parms, parmsValue) { var urlstrings = document.URL; var args = GetUrlParms(); var va

Javascript/jQuery 获取地址栏URL参数的方法

1.jquery获取url很简单,代码如下 window.location.href; 2.javascript获取url参数 function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg);  /

Javascript 获取浏览器URL参数

(function( window ){ var pageUtils = { //TODO 获取浏览器URL当前请求出参数 //Key 当前需要取参数的Key,不传返回所有参数对象 getRequest : function( key ){ var paramUrl = decodeURIComponent(location.search.substr(1) ); if(!paramUrl)return null; var paramObj = {}; //通过正则表达式替换为标准JSON字符串

Jquery、JS获取URL参数的方法

本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下 代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多

转:使用jquery获取url以及jquery获取url参数的方法

转:使用jquery获取url以及jquery获取url参数的方法 使用jquery获取url以及jquery获取url参数的方法

0428日重点:页面之间通过url参数的方法传递变量

1.一个页面里的变量,要传递给另一个页面,可通过把变量作为网址的url参数的方法传递,在另一个页面(接收页面)里,先获取到属性,然后放在隐藏的input里,然后表单提交! 1.传递页面的url里,把变量作为参数写进去 2. 接收页面,js获取url中的参数,并把参数放入隐藏的input里. 3.最后ajax的时候,把获取到的参数上传.

五种URL参数解析方法的性能比较

因为在最近项目中需要解析日志中的 URL 的参数,所以我对比了一下五种不同 的 URL 参数解析方法的性能.URL 参数解析方法: httpclient org.apache.http.client.utils.URLEncodedUtils URLEncodedUtils.parse(query, Charset.forName("UTF-8"));jettyUtil org.eclipse.jetty.util.UrlEncoded MultiMapvalues = new Mul

js 获取当前url参数

2014-7-1 应用在某内网应用排序管理页面跳转: function goSortManage() {    var name = 'TypeID';    var TypeID = "0";    var url = location.search; //获取url中"?"符后的字串     var theRequest = new Object();    if (url.indexOf("?") != -1) {        var s

用JavaScript获取URL参数的方法之一

若地址栏URL为:abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1 1 <script> 2 //JavaScript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值 3 var url = window.document.location.href.toString(); 4 var u = url.split("?"); 5 var arr =