如何使用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的末尾。）
#可以取得參數並且在頁面上輸出所取得的參數「testabc」。
以上是如何使用JavaScript取得URL參數的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何在Python中取得檔案副檔名？
Sep 08, 2023 pm 01:53 PM
Python中的檔案副檔名是附加在檔案名稱末尾的後綴，用來表示檔案的格式或類型。它通常由三個或四個字元組成，檔案名稱後面跟著一個句點，例如“.txt”或“.py”。作業系統和程式利用檔案副檔名來確定檔案的類型以及應如何處理它。被識別為純文字檔案。 Python中的檔案副檔名在讀取或寫入檔案時至關重要，因為它建立了檔案格式以及讀取和寫入資料的最佳方法。例如，「.csv」檔案副檔名是讀取CSV檔案時使用的副檔名，而csv模組則用於處理該檔案。 Python中取得檔案副檔名的演算法在Python中操作檔名字串來
使用math.Max函數取得一組數中的最大值
Jul 24, 2023 pm 01:24 PM
使用math.Max函數取得一組數中的最大值在數學和程式設計中，經常需要找出一組數中的最大值。在Go語言中，我們可以使用math套件中的Max函數來實現這個功能。本文將介紹如何使用math.Max函數來取得一組數中的最大值，並提供對應的程式碼範例。首先，我們需要導入math包。在Go語言中，導入套件可以使用import關鍵字，如下所示：import"mat
谷歌安全碼在哪裡獲取
Mar 30, 2024 am 11:11 AM
谷歌驗證器是一種用於保護使用者帳戶安全的工具，其金鑰是用於產生動態驗證碼的重要資訊。如果忘記了谷歌驗證器的金鑰，只能透過安全碼進行驗證，那麼下文站小編就會為大家帶來谷歌安全碼在哪裡取得的詳細內容介紹，希望能幫助到大家，想要了解的用戶們就請跟著下文繼閱讀吧！首先開啟手機設置，進入設定頁面。下拉頁面，找到Google。進入Google頁面，點選Google帳號。進入帳號頁面，點選驗證碼下方的檢視。輸入密碼或使用指紋驗證身分。取得Google安全碼，利用安全碼驗證Google身分。
如何在Java中取得LinkedHashSet的最後一個元素？
Aug 27, 2023 pm 08:45 PM
從Java中的LinkedHashSet中檢索最後一個元素意味著檢索其集合中的最後一個元素。儘管Java沒有內建方法來幫助檢索LinkedHashSets中的最後一個項，但存在多種有效的技術，可以提供靈活性和便利性，有效地檢索此最後一個元素而不破壞插入順序-這是Java開發人員必須在其應用程式中有效處理的問題。透過將這些策略有效地應用於他們的軟體專案中，他們可以實現滿足此要求的最佳解決方案LinkedHashSetLinkedHashSet是Java中的一種高效資料結構，它結合了HashSet和
立即取得最新更新：修復缺少最新更新問題
Nov 08, 2023 pm 02:25 PM
如果「最新更新可用後立即取得最新更新」選項缺失或灰顯，則你可能正在執行開發人員頻道Windows11版本，這是正常的。對於其他人，安裝KB5026446（22621.1778）更新後會出現問題。您可以採取以下措施來取回「在最新更新可用時立即取得更新」選項。如何取回「在最新更新可用時立即取得更新」選項？在開始以下任何解決方案之前，請確保檢查最新的Windows11更新並安裝它們。 1.使用ViVeTool前往「Microsoft更新目錄」頁面並尋找KB5026446更新。在您的PC上下載並重新安裝更
簡易JavaScript教學：取得HTTP狀態碼的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教學：如何取得HTTP狀態碼，需要具體程式碼範例前言：在Web開發中，經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時，我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功，並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼，並提供一些實用的程式碼範例。使用XMLHttpRequest
取得給定複數的虛部的C++程序
Sep 06, 2023 pm 06:05 PM
現代科學在很大程度上依賴複數的概念，而這個概念最初是透過GirolamoCardano在16世紀引入的17世紀初建立。複數的公式是a+ib，其中a保留html代碼且b是實數。一個複數被認為有兩個部分：實部<a>和虛部(<ib>)。 i或iota的值為√-1。 C++中的複數類別是用來表示複數的類別。 C++中的complex類別可以表示並控制幾個複數操作。我們來看看如何表示和控制顯示複數。 imag()成員函數如前所述，複數由實部和虛部兩部分組成。顯示實部我們使用real()
Java程式取得給定檔案的大小（以位元組、千位元組和兆位元組為單位）
Sep 06, 2023 am 10:13 AM
檔案的大小是特定檔案在特定儲存裝置（例如硬碟）上所佔用的儲存空間量。檔案的大小以位元組為單位來衡量。在本節中，我們將討論如何實作一個java程式來取得給定檔案的大小（以位元組、千位元組和兆位元組為單位）。位元組是數字資訊的最小單位。一個位元組等於八位元。 1千位元組(KB)=1,024位元組1兆位元組(MB)=1,024KB千兆位元組(GB)=1,024MB和1太字節(TB)=1,024GB。文件的大小通常取決於文件的類型及其包含的資料量。以文字文件為例，文件的大小可能只有幾千字節，而高解析度圖像或影片檔案的大小可
