获取当前链接参数及jquery变量选择器
目的:从当前页面链接获取出需要的参数
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';
:cool: 好评!