获取地址栏参数

最新推荐文章于 2025-11-05 23:52:49 发布

爱睡的虫虫

最新推荐文章于 2025-11-05 23:52:49 发布

阅读量885

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签：获取地址栏参数

本文链接：https://blog.youkuaiyun.com/feifanzhuli/article/details/80113188

JS 专栏收录该内容

36 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了两种方法来获取地址栏中的参数。第一种方法是使用JavaScript，通过URLSearchParams接口解析URL查询字符串。第二种方法是在Vue应用中，通过`main.js`文件设置Vue实例的路由守卫来获取参数。

第一种：

功能：获取地址栏参数
使用：getQueryString('str')
代码：this.$getQueryString("order_id");//001002
代码：this.$getQueryString("order_title");//123

http://localhost:9010/index.html?order_id=001002&order_title=123&total_amount=1.99
*/
js:

function getQueryString(name) {
  var search = document.location.href;
  var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g");
  var matcher = pattern.exec(search);
  var items = null;
  if (null != matcher) {
    try {
      items = decodeURIComponent(decodeURIComponent(matcher[1]));
    } catch (e) {
      try {
        items = decodeURIComponent(matcher[

了解本专栏