這篇文章將為大家詳細講解有關(guān)JavaScript如何獲取URL參數(shù),文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
為花都等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及花都網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、花都網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!如果你希望通過JavaScript獲取和使用URL參數(shù)。在JavaScript中,可以使用“document.location.search”獲取URL的參數(shù)。但是,由于你只能在URL路徑后立即檢索參數(shù)的字符串,因此必須分析獲取的字符串以獲取每個參數(shù)的值。
我們直接來看示例
代碼如下
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>這是一個參數(shù)</div> <div id="param"></div> </body> </html>
說明:
URL參數(shù)部分的字符串可以通過“document.location.search”屬性獲得。通過調(diào)用substring(1)方法,獲取第二個和后續(xù)的字符串。(如果URL參數(shù)為“?Q = ABCD&m = 30”,則將獲取“q = ABCD&m = 30”。)
隨后,將獲取的字符串通過“&”拆分。如果獲得的字符串是“q = ABCD&m = 30”,則q = ABCD被分配給參數(shù)[0],m = 30被分配給參數(shù)[1]。
此外,參數(shù)的各個元素由'='分隔,獲取值和參數(shù)名稱,存儲在結(jié)果關(guān)聯(lián)數(shù)組中并作為返回值返回。
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;}
運行結(jié)果
執(zhí)行HTML文件將在瀏覽器上顯示如下效果。
將參數(shù)“q”添加到URL的末尾。(?q=testabc被添加到URL的末尾。)
關(guān)于JavaScript如何獲取URL參數(shù)就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享文章:JavaScript如何獲取URL參數(shù)-創(chuàng)新互聯(lián)
文章鏈接:http://m.newbst.com/article46/cogshg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、App開發(fā)、商城網(wǎng)站、移動網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容