目的:从当前页面链接获取出需要的参数
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';
😎 好评!