DIV CSS 佈局教程網

假設現在有一個URL，如下。

http://www.jb51.net

如何通過JS訪問到id和name裡面的值呢，實現我們來分析一下思路。

先獲取當前頁面的URL，通過window.location.href。

提取該URL？後面的部分，通過slice()方法。

把獲取到的Request對象分割成字符串數組，通過split() 方法。

接下來看代碼。

function getUrlVars() {
  var vars = [],
    hash;
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for (var i = 0; i < hashes.length; i++) {
    hash = hashes[i].split('=');
    vars.push(hash[0]);
    vars[hash[0]] = hash[1];
  }
  return vars;
}

接下來就是獲取指定參數的值了，代碼如下。

var id = getUrlVars()["id"]; 
var name = getUrlVars()["name"];

最後，我們再看看jQuery的寫法。

$.extend({
  getUrlVars: function() {
    var vars = [],
      hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name) {
    return $.getUrlVars()[name];
  }
});
var id = $.getUrlVar('id');
var name = $.getUrlVar('name');

以上就是小編為大家帶來的使用JavaScript獲取Request中參數的值方法的全部內容了，希望對大家有所幫助，多多支持~