zoukankan      html  css  js  c++  java
  • Js获取URL链接参数

     1.最基本的方式

    * **使用范例**:
    *
    *      @example
    *      var getParameter=new getparameter();
    *      var fromId=getParameter.from;
    */
    
    function Getparameter(key){
        var QueryString = {
            data: {},
            Initial: function() {
                var aPairs,aTmp,a;
                var queryString = location.search;
                queryString = queryString.substr(1, queryString.length);
                aPairs = queryString.split("&");
                for (var i = 0; i < aPairs.length; i++) {
                    aTmp = aPairs[i].split("=");
                    this.data[aTmp[0]] = aTmp[1];
                }
            },
            GetValue: function(key) {
                return QueryString.data[key];
            }
        };
        QueryString.Initial();
        return QueryString.data
    }

    2.优化第一种繁琐方法

    window.func= {
        //获取url参数
        getUrlParam : function(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg); 
     //匹配目标参数
            if (r != null) {
                return r[2];
            } else {
                return null; //返回参数值
            }
        }
    }

    3.最简洁的方式

    let q = {};
    location.search.replace(/([^?&=]+)=([^&]+)/g, (_, k, v) => q[k] = v);
    console.log(q);

     以上三种常用获取URL链接参数方法 

  • 相关阅读:
    Spring的AOP深入理解
    枚举和注解学习笔记
    单例模式
    工厂设计模式
    网络编程
    多线程笔记
    IOI2021集训队作业
    计蒜客 mark
    51nod mark
    关于此博客
  • 原文地址:https://www.cnblogs.com/yxkNotes/p/11527628.html
Copyright © 2011-2022 走看看