首頁 > web前端 > js教程 > 如何在 JavaScript 中檢索 GET 參數?

如何在 JavaScript 中檢索 GET 參數?

Mary-Kate Olsen
發布: 2024-12-14 04:08:11
原創
185 人瀏覽過

How to Retrieve GET Parameters in JavaScript?

在 JavaScript 中擷取 GET 參數

此問題解決了在 JavaScript 中擷取 GET 參數的問題。考慮以下 URL:

http://example.com/page.html?returnurl=/admin

page.html 中的 JavaScript 程式碼如何存取 GET 參數?對於給定的範例,func('returnurl') 函數應傳回「/admin」。

使用 window.location 的解

window.location 物件提供了一個檢索不帶問號的 GET 參數的方法。下面的程式碼就可以解決這個問題:

window.location.search.substr(1)
登入後複製

增強的解

提供的解提供了一個函數findGetParameter(),它接受一個參數名稱並傳回其值對應值:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}
登入後複製
登入後複製

For的替代解決方案循環

也提供了使用普通 for 循環的替代解決方案,以相容於舊版瀏覽器(例如​​ IE8):

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&amp;");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}
登入後複製
登入後複製

以上是如何在 JavaScript 中檢索 GET 參數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板