获取当前链接参数及jquery变量选择器

2014年06月04日 | 分享 | 1条评论

目的:从当前页面链接获取出需要的参数

DEMO:https://huilang.me/?showme=id 需要获取?showme后面这个变量值,然后对获取到的id下的class进行css相关操作

获取变量值

(function($){
    $.getUrlParam
     = function(name)
    {
    var reg
     = new RegExp("(^|&)"+
     name +"=([^&]*)(&|$)");
    var r
     = window.location.search.substr(1).match(reg);
    if (r!=null) return unescape(r[2]); return null;
    }
})(jQuery);


showme = $.getUrlParam('showme');

对获取到的变量值对应的id下的class进行css等其他操作

$('#'+ showme +' .feature-content').css("display","block");

很实用的jq代码,可以很好的得到扩展,把我弄抓狂了好久~

 

其他相关(未经测试)

/**
  * 获取指定URL的参数值
  * @param url  指定的URL地址
  * @param name 参数名称
  * @return 参数值
  */
 function getUrlParam(url,name){
     var pattern = new RegExp("[?&]"+name+"\=([^&]+)", "g");
     var matcher = pattern.exec(url);
     var items = null;
     if(null != matcher){
             try{
                    items = decodeURIComponent(decodeURIComponent(matcher[1]));
             }catch(e){
                     try{
                             items = decodeURIComponent(matcher[1]);
                     }catch(e){
                             items = matcher[1];
                     }
             }
     }
     return items;
}

调用

当前URL:location.href

前一页面的URL:document.referrer

获取当前URL中参数name的值:getUrlParam(location.href,"name");

获取前一页面URL中参数name的值:getUrlParam(document.referrer,"name");

 

通过php获取链接参数

$huilang = $_GET['huilang'];
$huilang = isset($_GET['huilang']) ? $_GET['huilang'] : 'emptyempty';

1 条评论

发布评论