首頁 > 網際網路

js如何獲取url上的引數

2019-12-13 01:59:05

通過JS獲取URL上的引數,介紹以下兩種方式:

1)字串擷取,根據問號(?)、與號(&)擷取

2)使用正規表示式直接匹配出結果

     A)使用正則  /^[^?]+?([wW]+)$/               匹配問號前後的內容

     B)使用正則  /([^&=]+)=([wW]*?)(&|$|#)/g   匹配引數部分

1

在同一目錄下新建兩個測試頁面

     1)Home.html 用於放置測試連線

     2)Test.html    用於解析URL引數




2

在頁面上新增超連結和獲取URL地址的JS




3

使用字串擷取的方式,解析URL的引數



4

新增測試地址中引數值為空的解析




5

修改JS程式碼,將結果放到陣列中返回

     由於測試程式碼將解析結果存放在result陣列中的,因此,在瀏覽器的Console中輸入result即可看到解析後的結果




6

使用正則匹配URL中問號前面的部分



7

使用正則匹配URL引數部分

     由於測試程式碼將解析結果存放在result2物件中的,因此,在瀏覽器的Console中輸入result即可看到解析後的結果



8

使用瀏覽器屬性可以直接獲取到URL問號後面的引數部分的字串



IT145.com E-mail:sddin#qq.com