如何获取url地址?后面的参数
发布日期:2021-05-20 10:06:15 浏览次数:12 分类:技术文章

本文共 1561 字,大约阅读时间需要 5 分钟。

1、方法一:正则法

function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) {
return unescape(r[2]);}return null;}
// 这样调用:alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));alert(GetQueryString("参数名3"));

2、方法二:split拆分法

function GetRequest() {
var url = location.search; //获取url中"?"符后的字串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 Request = new Object();Request = GetRequest();
// var 参数1,参数2,参数3,参数N;// 参数1 = Request['参数1'];// 参数2 = Request['参数2'];// 参数3 = Request['参数3'];// 参数N = Request['参数N'];

3、方法三:又见正则

通过JS获取url参数,这个经常用到。比如说一个url:http://wwww.jb51.net/?q=js,我们想得到参数q的值,那可以通过以下函数调用即可。

function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配var context = "";if (r != null)context = r[2];reg = null;r = null;return context == null || context == "" || context == "undefined" ? "" : context;}alert(GetQueryString("q"));

4、方法四:单个参数的获取方法

function GetRequest() {
var url = location.search; //获取url中"?"符后的字串if (url.indexOf("?") != -1) {
//判断是否有参数var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串strs = str.split("="); //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)alert(strs[1]); //直接弹出第一个参数 (如果有多个参数 还要进行循环的)}}

转载地址:https://blog.csdn.net/weixin_45416217/article/details/103100552 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Hooks 与 Class 中调用 setState 有不同的表现差异么?
下一篇:React中Form表单事件(input CheckBox radio 取值操作)

发表评论

最新留言

很好
[***.229.124.182]2024年04月26日 17时15分28秒