1. 程式人生 > >js獲取帶#號連結後的引數

js獲取帶#號連結後的引數

一.’#'號是什麼

1.#代表網頁中的一個位置。其後面的字元,就是該位置的識別符號。

2.#是用來指導瀏覽器動作的,對伺服器端完全無用。所以,HTTP請求中不包括#。

3.在第一個#後面出現的任何字元,都會被瀏覽器解讀為位置識別符號。這意味著,這些字元都不會被髮送到伺服器端。

4.單單改變#後的部分,瀏覽器只會滾動到相應位置,不會重新載入網頁。

5.每一次改變#後的部分,都會在瀏覽器的訪問歷史中增加一個記錄,使用"後退"按鈕,就可以回到上一個位置。

二.如何獲取#號後的字串

1.window.location.search:獲取當前URL的’?‘號開始的字串 2.window.location.hash:獲取當前URL的’#'後面的字串

三.js程式碼

1.獲取連結後的引數(不帶#號)

getQueryString(name) {
   let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    let r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURIComponent(r[2]);
    return null;
}

2.獲取連結後的引數(帶#號)

getQueryString(name) {
    let
reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); if(window.location.hash.indexOf("?") < 0){ return null; } let r = window.location.hash.split("?")[1].match(reg);    if (r != null) return decodeURIComponent(r[2]);    return null; }

3.使用方法

console.
log('name is ',getQueryString('name'))

感謝您的閱讀,如果您覺得閱讀本文對您有幫助,請點一下“推薦”按鈕。本文歡迎各位轉載,但是轉載文章之後必須在文章頁面中給出作者和原文連線。