如何獲取瀏覽器URL中查詢字串的引數?

2022-07-27 08:15:10 字數 1594 閱讀 8366

1.我們先認識一下location物件

location物件包含了當前頁面與位置(url)相關的資訊

url示例:http:

2.location物件共定義了8個屬性:(window.location.----)

window.location.

href:宣告了當前顯示文件的完整的url

protocol:宣告url的協議部分,包括字尾的冒號,例如http:

host:宣告當前url的主機名和埠號(是hostname和port的合集),例如www.baidu.com:

80hostname:宣告當前url的主機名,例如www.baidu.com

port:宣告當前url的埠部分,例如80

pathname:宣告當前url的路徑部分,例如news/index.aspx

search:宣告當前url的查詢部分,例如?id=1&name=localhost

hash:宣告當前url的錨的部分,例如#top,指定在文件中的錨記的名稱

3.location物件還有兩個方法:

reload()和replace()

reload():重新整理,即可以重新裝載當前文件

replace():新的文件代替舊的文件,這樣就不能通過【返回】按鈕返回當前文件了。

4.window物件的location屬性和document物件的location物件的區別

前者引用乙個location物件,後者只是乙個唯讀字串,並不具有location物件的任何特性。

document.location與document.url是同義的。

但是,當存在伺服器重定向時,document.location包含的是已經裝載的url,而location.href包含的則是原始請求的文件的url。

實現頁面的跳轉方式

location.href = "url位址"

window.location = "url位址"

獲取當前頁面資訊物件

console.log(window.location)

console.log(document.location)

5.什麼是查詢字串?

就是location物件的search屬性的值,在這裡指?id=1&name=location

6.實現查詢字串中的引數

//將args的第二個元素(字串)以 & 分割成陣列

var arr = args[1].split('&'

);

//設定空物件

var obj ={};

for (var i = 0; i < arr.length; i++)

return

obj[name];

}console.log(windowhref(

"name

"));//wahaha

如何從瀏覽器的url中獲取引數資訊

瀏覽器宿主環境中,有乙個location物件,同時這個物件也是window物件和document物件的屬性。location物件中提供了與當前視窗載入的文件有關的資訊,即url資訊。如 https location.href 完整的url location.protocol 返回協議 https l...

瀏覽器如何獲取網頁

我們把網際網路想象成乙個郵局 當你想給朋友寫信時,首先要把內容寫在一張信紙上,然後 在信封上寫上位址,再把信紙裝進信封。當你把信送到郵局,郵件分揀機會根據郵編和位址來判斷你的朋友住在 如果他住在一棟有很多房間的公寓大樓裡面,郵局會把信件投遞到大樓的前台,然後大樓的工作人員會根據房間號再次進行分揀。網...

js 獲取瀏覽器的url中的引數

用下面這個函式 獲取到本頁瀏覽器的url引數中的值.注意 直接獲取到的url實際上是瀏覽器encode編碼以後的,需要用decodeuri解碼才是中文 param key url引數中的鍵 returns 返回該key對應的值 functiongetquerystring key 乙個注意事項,瀏覽...