在js中如何获取浏览器URL中查询字符串中的参数

 时间:2024-10-26 13:50:07

1、首先小编先将获取URL中查询字符串中的参数的函数代码写出来,然后再一步一步进行解释,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

2、split()方法中的参数为分割的标志,split()方法按照传入的参数将字符串分割成一个数组,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

3、这里args[0]=屏顿幂垂=sHref,表示如果分割后的字符串数组的第一个字符串和原字符串相同时表示该URL 没有参数,直接返回空即可,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

4、这里再次使用split()方法将参数进行分割,这里args[1]就是上个步骤中分割的参数字符串,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

5、创建一个对象用于存放参数,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

6、这次使用for循环依鸱远忡绑次循环参数字符串数组,然后再次使用split()方法将参数的键和值分开,并放入刚刚创建的对象当中去,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

7、自己创建一个含有参数的URL连接,做一次测试,并将得到的参数对象输入到控制台,如下图:

在js中如何获取浏览器URL中查询字符串中的参数

8、直接打开浏览器,查看控制台中输出的对象,如下图:

在js中如何获取浏览器URL中查询字符串中的参数
  • 如何使用美图秀秀美白牙齿
  • 如何使用让客户办卡的营销技巧?
  • 小学生怎样做数学作业
  • 新成立的企业怎么申请工程招标代理资质?
  • 除了上班可以做一些什么兼职的工作?
  • 热门搜索
    向国旗敬礼手抄报图片 我爱我家手抄报内容 消防安全手抄报模板 廉洁在我心中手抄报 数学知识手抄报 小学生读书手抄报图片 关于孝的手抄报内容 爱护地球手抄报 关于防震的手抄报 节约用水用电手抄报