获取地址栏参数的几种办法

<a style="display:block;margin:50px auto;text-align:center;" class="test" href="https://www.baidu.com?canshu">百度</a>

第一种办法

//方法一
//  若地址栏URL为：test.html?id=10&url=http://www.baidu.com
//  调用GetQueryString方法：alert(GetQueryString("url"));则会弹出一个对话框：内容就是 http://www.baidu.com
//  如果alert(GetQueryString("id")); 就会弹出 10
//  如果没有传参数，比如地址是 test.html 后面没有参数,防止输出报错就加个判断   function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return  unescape(r[2]); return null;}
//  console.log(GetQueryString("index2"));var myurl=GetQueryString("url");console.log(myurl);
//  alert(myurl);if(myurl !=null && myurl.toString().length>1){console.log(GetQueryString("id"));
//     alert(GetQueryString("id"));}

第二种办法

function UrlAdr()
{var name,value; var str=location.href; //取得整个地址栏var num=str.indexOf("?") str=str.substr(num+1); //取得所有参数   stringvar.substr(start [, length ]var arr=str.split("&"); //各个参数放到数组里for(var i=0;i < arr.length;i++){ num=arr[i].indexOf("="); if(num>0){ name=arr[i].substring(0,num);value=arr[i].substr(num+1);this[name]=value;} }
}
var request=new UrlAdr(); //实例化
alert(request.id);

第三种办法

直接截取后面的参数
// 获取 a 的 href 值截取想要的部分
// 比如 a 的链接是 https://www.baidu.com?canshu  想得到 ？ 后面的值 t的值就是canshu
var urlEle=$(".test").attr("href")
var s=urlEle.indexOf("?");
var t=urlEle.substring(s+1);// t就是?后面的东西了
console.log(t)

第四种办法

//获取参数方法
function getHref(){ var url = decodeURI(location.search);var theRequest = new Object();if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); }}return theRequest;
}//用法  var 自己变量名字 = getHref().要获取的参数名字
var myid=getHref().id

获取地址栏参数的几种办法相关推荐

抓取html的地址怎么写,html js 获取地址栏参数
var URLParams = new Array();//地址栏参数 var aParams = document.location.search.substr(1).split('&'); ...
springboot 获取控制器参数的几种方式
这里介绍springboot 获取控制器参数有四种方式 1.无注解下获取参数 2.使用@RequestParam获取参数 3.传递数组 4.通过URL传递参数无注解下获取参数无注解下获取参数,需要 ...
php解析url并得到url中的参数及获取url参数的四种方式
本文给大家介绍php解析url并得到url中的参数及获取url参数的四种方式,涉及到将字符串参数变为数组,将参数变为字符串的相关知识,本文代码简单易懂,感兴趣的朋友一起看看吧下面一段代码是php解析 ...
用JS获取地址栏参数的方法
用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg ...
织梦 php 传值,php获取post参数的几种方式
php获取post参数的几种方式,ajax提交数据的几种类型,PHP默认识别的数据类型是application/x-www.form-urlencoded标准的数据类型. 1.$_POST['para ...
用JS获取地址栏参数的方法（超级简单）
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new RegExp("( ...
Vue3获取地址栏参数
Vue3 获取地址栏参数有两个方式:查询参数和路径参数. Vue3获取地址栏参数是从路由router中获取,查询参数和路径参数获取方式不一样. 一.查询参数比如地址 http://127.0.0.1 ...
JQ 获取地址栏参数
采用正则表达式获取地址栏参数 function getParams(name) { var reg = new RegExp("(^|&)" + name + " ...
【转载】用JS\JQUERY获取地址栏参数的方法
前言最近在做一个项目,里面需要通过jq来获取地址栏参数.以前没接触过,因此百度了一下,找到这篇文章,写得非常好.因此转载来分享与大家. 转载原文正则获取方法一:采用正则表达式获取地址栏参数:( ...

获取地址栏参数的几种办法

第一种办法

第二种办法

第三种办法

第四种办法

获取地址栏参数的几种办法相关推荐

最新文章

热门文章