我有以下网址：
http://www.mysite.co.uk/?location=mylocation1
location的值存储到变量中，并在jQuery代码中使用它。var thequerystring = "getthequerystringhere"
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);
我怎样才能使用 JavaScript 或 jQuery 获取那个值？
来源：http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
这就是你需要的 :)
以下代码将返回一个包含URL参数的JavaScript对象：
// Read a page's GET URL variables and return them as an associative array.
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;
}
例如，如果您有以下URL：
http://www.example.com/?me=myValue&name2=SomeOtherValue
这段代码将返回：
{
"me" : "myValue",
"name2" : "SomeOtherValue"
}
您可以这样做：
var me = getUrlVars()["me"];
var name2 = getUrlVars()["name2"];
要从当前URL中检索包含字符?的完整查询字符串，您可以使用
location.search
https://developer.mozilla.org/en-US/docs/DOM/window.location
例子：
// URL = https://example.com?a=a%20a&b=b123
console.log(location.search); // Prints "?a=a%20a&b=b123"
关于获取特定的查询字符串参数，虽然存在像URLSearchParams和URL这样的类，但它们目前不受Internet Explorer支持，因此应该避免使用。相反，您可以尝试如下方法：
/**
* Accepts either a URL or querystring and returns an object associating
* each querystring parameter to its value.
*
* Returns an empty object if no querystring parameters found.
*/
function getUrlParams(urlOrQueryString) {
if ((i = urlOrQueryString.indexOf('?')) >= 0) {
const queryString = urlOrQueryString.substring(i+1);
if (queryString) {
return _mapUrlParams(queryString);
}
}
return {};
}
/**
* Helper function for `getUrlParams()`
* Builds the querystring parameter to value object map.
*
* @param queryString {string} - The full querystring, without the leading '?'.
*/
function _mapUrlParams(queryString) {
return queryString
.split('&')
.map(function(keyValueString) { return keyValueString.split('=') })
.reduce(function(urlParams, [key, value]) {
if (Number.isInteger(parseInt(value)) && parseInt(value) == value) {
urlParams[key] = parseInt(value);
} else {
urlParams[key] = decodeURI(value);
}
return urlParams;
}, {});
}
您可以这样使用上述内容：
// Using location.search
let urlParams = getUrlParams(location.search); // Assume location.search = "?a=1&b=2b2"
console.log(urlParams); // Prints { "a": 1, "b": "2b2" }
// Using a URL string
const url = 'https://example.com?a=A%20A&b=1';
urlParams = getUrlParams(url);
console.log(urlParams); // Prints { "a": "A A", "b": 1 }
// To check if a parameter exists, simply do:
if (urlParams.hasOwnProperty('parameterName')) {
console.log(urlParams.parameterName);
}
location.search 在 Chrome、Firefox 和 IE10+ 中可用。在 IE9 及更低版本中也可能可用，但我手头没有这样的浏览器。Dwight：window.location.search 返回查询字符串。在控制台上尝试在 此页面 上使用它，你会看到 ?a=b&c=d。 - Dan Dascalescu通过一些 jQuery 和纯 JavaScript，可以很容易地实现这一点，只需在 Chrome 或 Firefox 中查看控制台即可查看输出结果...
var queries = {};
$.each(document.location.search.substr(1).split('&'),function(c,q){
var i = q.split('=');
queries[i[0].toString()] = i[1].toString();
});
console.log(queries);
看一下这个Stack Overflow答案。
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
var thequerystring = getParameterByName("location");
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);
我们是这样做的...
String.prototype.getValueByKey = function (k) {
var p = new RegExp('\\b' + k + '\\b', 'gi');
return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p) + k.length + 1).substr(0, this.substr(this.search(p) + k.length + 1).search(/(&|;|$)/))) : "";
};
var locationValue = (new URL(location.href)).searchParams.get('location')- soccer7