檢測當前頁面URL中查詢參數值

Alex 發布于2019-08-21 10:43 / 3318人閱讀

摘要：這里正則表達式匹配除了以外的所有字符最后，函數返回參數的值如果為空或者參數不存在，返回的值均為到此，我們可以使用這個方法來檢測頁面中的參數值了。

首先，頁面URL中的查詢參數是什么呢？
例如 http://segmentfault.com/x.html?a=0&b=1&c=2這個url后面?之后的a、b、c都屬于查詢參數.

在我們做開發的過程中，會遇到一些這樣的需求：

判斷當前鏈接中是否存在一項參數，并根據不同的參數做對應的處理。

同一個頁面針對不同的狀態做不同的處理，比如這個頁面里內容是當前用戶生成的，
然后他把當前頁面分享出去之后，其他人看到該頁面的時候，里面的一些內容（按鈕、文字等）要做一些改變。

所以，我們應該有一個方法來獲取當前頁面URL中的參數值，我看到過一個很簡潔的方法是這樣的：

function getQueryValue(key){
    var match=location.search.match(new RegExp(key+"=([^&]*)"));
    return match&&match[1]||"";
}

解析一下這個方法：

location.search屬性用于設置或取得當前URL的查詢字符串（? 符號及后面的部分）

http://segmentfault.com/x.html?a=0&b=1&c=2這個例子中location.search即為?a=0&b=1&c=2

match() 方法可在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配。
該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

new RegExp(key+"=([^&]*)") 這里正則表達式匹配 key=除了&以外的所有字符.

最后，函數返回參數key的值value.

ps:如果value為空或者參數key不存在，返回的值均為""
到此，我們可以使用這個方法來檢測頁面中URL的參數值了。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86062.html

《JavaScript高級程序設計》（第3版）讀書筆記第8章 BOM

摘要：僅限數值表示新窗口的高度。此時只要檢查這個返回值就可以確定彈窗是否被屏蔽。返回一個布爾值，代表用戶選擇還是返回一個字符串或者，輸入了值并確定，返回字符串，其他方法關閉返回打印查找對話框。 ECMAScript是JavaScript的核心，但如果要在Web中使用JavaScript，那么BOM（瀏覽器對象模型）則無疑才是真正的核心。 W3C為了把瀏覽器中JavaScript最基本的部分...

AWang 2019-08-26 13:47 評論0 收藏0
知識整理——瀏覽器對象模型

摘要：瀏覽器對象模型什么是瀏覽器對象模型瀏覽器對象模型瀏覽器模型提供了獨立于內容的可以與瀏覽器窗口進行滑動的對象結構，就是瀏覽器提供的其主要對象有對象的核心，是訪問瀏覽器的接口，也是規定的對象對象提供當前窗口中的加載的文檔有關的信息和一些導航功能瀏覽器對象模型什么是瀏覽器對象模型 BOM ：Browser Object Model（瀏覽器對象模型）,瀏覽器模型提供了獨立于內容的、可以...

mayaohua 2019-08-22 16:04 評論0 收藏0
用PerformanceTiming來檢測頁面性能

摘要：如果沒有前一個網頁，則等于屬性。該事件在網頁查詢本地緩存之前發生。如果使用持久連接，則返回值等同于屬性的值。返回當前網頁結構生成時即屬性變為，以及相應的事件發生時的毫秒時間戳。 window.performance.timing下的屬性 navigationStart 當前瀏覽器窗口的前一個網頁關閉，發生unload事件時的Unix毫秒時間戳。如果沒有前一個網頁，則等于fetchSta...

IntMain 2019-08-21 15:55 評論0 收藏0