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

2014.06.04 分享 4892 人浏览 1 条留言

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

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

获取变量值

  1. (function($){
  2.     $.getUrlParam
  3.      = function(name)
  4.     {
  5.     var reg
  6.      = new RegExp("(^|&)"+
  7.      name +"=([^&]*)(&|$)");
  8.     var r
  9.      = window.location.search.substr(1).match(reg);
  10.     if (r!=nullreturn unescape(r[2]); return null;
  11.     }
  12. })(jQuery);
  13. showme = $.getUrlParam('showme');

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

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

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

 

其他相关(未经测试)

  1. /**
  2.   * 获取指定URL的参数值
  3.   * @param url  指定的URL地址
  4.   * @param name 参数名称
  5.   * @return 参数值
  6.   */
  7.  function getUrlParam(url,name){
  8.      var pattern = new RegExp("[?&]"+name+"\=([^&]+)""g");
  9.      var matcher = pattern.exec(url);
  10.      var items = null;
  11.      if(null != matcher){
  12.              try{
  13.                     items = decodeURIComponent(decodeURIComponent(matcher[1]));
  14.              }catch(e){
  15.                      try{
  16.                              items = decodeURIComponent(matcher[1]);
  17.                      }catch(e){
  18.                              items = matcher[1];
  19.                      }
  20.              }
  21.      }
  22.      return items;
  23. }

调用

当前URL:location.href

前一页面的URL:document.referrer

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

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

 

通过php获取链接参数

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

文章地址:http://huilang.me/geturlparam/

“获取当前链接参数及jquery变量选择器” 有 1 条评论

回复本文

电子邮件地址不会被公开。 必填项已用*标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif