這篇文章將為大家詳細講解有關JavaScript如何獲取URL參數，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
如果你希望通過JavaScript獲取和使用URL參數。在JavaScript中，可以使用“document.location.search”獲取URL的參數。但是，由于你只能在URL路徑后立即檢索參數的字符串，因此必須分析獲取的字符串以獲取每個參數的值。
我們直接來看示例
代碼如下
GetParam.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function onLoad() {
param = GetQueryString();
target = document.getElementById("param");
target.innerHTML = param["q"];
}
function GetQueryString() {
if (1 < document.location.search.length) {
var query = document.location.search.substring(1);
var parameters = query.split('&');
var result = new Object();
for (var i = 0; i < parameters.length; i++) {
var element = parameters[i].split('=');
var paramName = decodeURIComponent(element[0]);
var paramValue = decodeURIComponent(element[1]);
result[paramName] = decodeURIComponent(paramValue);
}
return result;
}
return null;
}
</script>
</head>
<body>
<div>這是一個參數</div>
<div id="param"></div>
</body>
</html>說明：
URL參數部分的字符串可以通過“document.location.search”屬性獲得。通過調用substring（1）方法，獲取第二個和后續的字符串。（如果URL參數為“？Q = ABCD＆m = 30”，則將獲取“q = ABCD＆m = 30”。）
隨后，將獲取的字符串通過“＆”拆分。如果獲得的字符串是“q = ABCD＆m = 30”，則q = ABCD被分配給參數[0]，m = 30被分配給參數[1]。
此外，參數的各個元素由'='分隔，獲取值和參數名稱，存儲在結果關聯數組中并作為返回值返回。
function GetQueryString() {
if (1 < document.location.search.length) {
var query = document.location.search.substring(1);
var parameters = query.split('&');
var result = new Object();
for (var i = 0; i < parameters.length; i++) {
var element = parameters[i].split('=');
var paramName = decodeURIComponent(element[0]);
var paramValue = decodeURIComponent(element[1]);
result[paramName] = decodeURIComponent(paramValue);
}
return result;
}
return null;}運行結果
執行HTML文件將在瀏覽器上顯示如下效果。
將參數“q”添加到URL的末尾。（?q=testabc被添加到URL的末尾。）
關于JavaScript如何獲取URL參數就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
