zoukankan      html  css  js  c++  java
  • js获取 URL 中的参数

    js获取 URL 中的参数

    第一种方法:

    var urlParams = new URLSearchParams('?post=1234&action=edit');
    console.log(urlParams.get('action')); // "edit"
    View Code

     第二种方法:

    function 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);
    }
    View Code

    url 实例:

    http://www.runoob.com/index.php?id=1&image=awesome.jpg

    调用 getQueryVariable("id") 返回 1。

    调用 getQueryVariable("image") 返回 "awesome.jpg"。

    第三种方法:

    function getQueryString(name) {
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        let r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        };
        return null;
     }
    View Code

      调用方法:
    let 参数1 = GetQueryString("参数名1"));

    第四种方法:

    function getQueryVariable(variable){
           let query = window.location.search.substring(1);
           let vars = query.split("&");
           for (let i=0;i<vars.length;i++) {
                   let pair = vars[i].split("=");
                   if(pair[0] == variable){return pair[1];}
           }
           return(false);
    }
    View Code

    • 调用方法:
    • let 参数1 = getQueryVariable("参数名1");

    -------------------------------------------

    个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

    万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!

  • 相关阅读:
    省选测试42
    省选测试41
    省选测试40
    省选测试39
    python海龟画图生成星星
    Python-列表简介
    Linux系统中设置默认的Java版本
    虚拟机无线网卡桥接失败
    pycharm设置启动图标
    禁用vscode硬件加速
  • 原文地址:https://www.cnblogs.com/mahmud/p/11530574.html
Copyright © 2011-2022 走看看