通过Javascript得到URL中的参数(query string)

在网上找的这两种处理方式,但不理解函数的逻辑和正则部分,另这两种方法的不同和哪个在项目中使用性能会更高呢?希望有懂得大神能指点迷津!谢谢?!!
http://www.cnblogs.com/season...
方法一:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);    return results == null ? "": decodeURIComponent(results[1]);
}console.log(getParameterByName("param")) //yes

方法二:

var urlParams; 
(window.onpopstate = function() {    var match,    pl = /\+/g,    search = /([^&=]+)=?([^&]*)/g,    decode = function(s) { 
       return decodeURIComponent(s.replace(pl, " "));
    },    query = window.location.search.substring(1);
    urlParams = {};    while (match = search.exec(query))
       urlParams[decode(match[1])] = decode(match[2]);
})();

  //urlParams的结果
    urlParams = {
      param: "yes",
      article: "1"
    }

    console.log(urlParams["param"]);  // -> "yes"
    console.log("article" in urlParams);  // -> true


斯蒂芬大帝
浏览 554回答 1
1回答

德玛西亚99

就你提供的两种方法 。 个人观点, 就大工程的 话, 我会选择方法一, 小工程我会选择方法二, 方法一进行封装,我可以丢到jqurey 中, 但是方法二 则不行,绑定了两个全局对象,灵活性太差。 但是 方法一 有个弊端或者说是优点, 既 我需要什么我就传什么, 不需要丢给我 多余的 参数,这样的效果在 url 参数非常多的时候 效果会非常明显 ,灵活性更佳 ,但是方法二 是可以获得所有参数和所有值。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript