使用js獲取當前頁面位址列引數的兩種方法

2021-08-13 07:53:39 字數 1375 閱讀 8501

/*

window.location是乙個物件,包含屬性有:

hash 從井號 (#) 開始的 url(錨)

host 主機名和當前 url 的埠號

hostname 當前 url 的主機名

href 完整的 url

pathname 當前 url 的路徑部分

port 當前 url 的埠號

protocol 當前 url 的協議

search 從問號 (?) 開始的 url(查詢部分)

*///獲取window.location.href是最常用的

//方法

一、採用正規表示式獲取位址列指定引數

function

getquery

(name)

//假如我當前頁面的位址為:http://localhost/d3js/analyze.html?firstprop=sepal_length&secondprop=sepal_width

//測試用例

console.log(getquery("firstprop")); //結果:sepal_length

console.log(getquery("secondprop"));//結果:sepal_width

//看一下window.location.search和window.location.href的區別:

console.log(window.location.search); //輸出?號以後的:?firstprop=sepal_length&secondprop=sepal_width

console.log(window.location.href);//輸出整個url:http://localhost/d3js/analyze.html?firstprop=sepal_length&secondprop=sepal_width

//方法

二、單個引數的獲取方法

function

getrequest

(url)

}return props;

}var url = location.href; //獲取當前完整的url

var firstprop, secondprop;//等會放url引數的變數

var request=getrequest(url);//結果是乙個包含所有引數對的二維陣列

//如果你沒有傳引數的話,我們要加乙個判斷

if(request != null && request.length === 2)

console.log(firstprop+","+secondprop); //輸出:sepal_length,sepal_width

js獲取位址列引數

之前做專案頁面傳參都得通過後台,以為只能這樣,雖然總覺怪怪的,但當時也沒想那麼多,後台就後台傳吧,就是這個懶癌思想讓現在知道可以通過位址列傳參的我覺得以前的自己si bu si sa。1.比較繁瑣的js原生取參 function getparam name 1.獲取位址列url var url lo...

獲取位址列引數

屬性描述 hash 從井號 開始的 url 錨 host 主機名和當前 url 的埠號 hostname 當前 url 的主機名 href 完整的 url pathname 當前 url 的路徑部分 port 當前 url 的埠號 protocol 當前 url 的協議 search 從問號 開始的...

獲取位址列引數

獲取位址列引數 var url window.location.href 獲取當前視窗的url 結果 獲取當前視窗的主機名 結果 localhost 61768 var port window.location.port 獲取當前視窗的埠 結果 61768 var pathname window.l...