便利贴--29{html-url参数}

最新推荐文章于 2025-11-24 03:44:17 发布

原创最新推荐文章于 2025-11-24 03:44:17 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

编程基础同时被 3 个专栏收录

44 篇文章

订阅专栏

编程

32 篇文章

订阅专栏

27 篇文章

订阅专栏

这篇博客介绍了如何在HTML中解析和获取URL参数。通过`getQueryString`和`getQueryVariable`两个函数，可以方便地从URL中提取指定的参数值。这两个函数分别用于获取整个查询字符串和特定变量的值，对于前端开发者处理页面间数据传递很有帮助。

便利贴--29{html-url参数}

传参
接受参数 html中

传参

http://baidu.com?data={“methods”:“goto”,“jd”:125.11111,“wd”:25.555555}

接受参数 html中

 getQueryString(name) {
      let inlength =
        window.location.href.indexOf("?" + name + "=") + name.length + 2;
      // console.log(inlength);
      // console.log(window.location.href);
      var r = window.location.href.slice(inlength);
      if (r != null) return decodeURIComponent(r);  //+url解码
      return null;
    },
    getQueryVariable(variable) {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
          return pair[1];
        }
      }
      return false;
    },