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 乙個注意事項,瀏覽...