• 演示樣例
• 注意
• 方法

常常使用window.location。它的結構總是記不住。簡單梳理下。方便以后查詢。

演示樣例

URL：http://b.a.com:88/index.php?

name=kang&when=2011#first

屬性 含義 值

protocol:	協議	"http:"
hostname:	server的名字	"b.a.com"
port:	port	"88"
pathname:	URL中主機名后的部分	"/index.php"
search:	"? "后的部分，又稱為查詢字符串	"?name=kang&when=2011"
hash:	返回"#"之后的內容	"#first"
host:	等于hostname + port	"b.a.com:88"
href:	當前頁面的完整URL	"http://www.a.com:88/index.php?name=kang&when=2011#first"

window.location和document.location互相等價的，能夠交換使用

location的8個屬性都是可讀寫的。可是僅僅有href與hash的寫才有意義。比如改變location.href會又一次定位到一個URL，而改動location.hash會跳到當前頁面中的anchor(<a id="name">或者<div id="id">等)名字的標記(假設有)。并且頁面不會被又一次載入

注意

URL：http://b.a.com:88/index.php?

name=kang&how=#when=2011#first

search:	"?name=kang&how="	第一個"? "之后
hash:	"#when=2011#first"	第一個"#"之后的內容

方法

location.assign( url )

location.assign('http://www.baidu.com'); 等同于 window.location = 'http://www.baidu.com'
這樣的方式會講新地址放到瀏覽器歷史棧中，意味著轉到新頁面后“后退button”仍能夠回到該頁面。

location.replace( url )

與assign方法一樣，但會從瀏覽器歷史棧中刪除本頁面，也就是說跳轉到新頁面后“后退button”不能回到該頁面。眼下IE、Chrome僅僅是簡單的跳轉，僅僅有Firefox會刪除本頁面的歷史記錄。

location.reload( force )

又一次加載當前頁面。force為true時從server端重載；false則從瀏覽器緩存中重載，默認值false。

版權聲明：本文博主原創文章，博客，未經同意不得轉載。

轉載于:https://www.cnblogs.com/gcczhongduan/p/4875727.html

總結

以上是生活随笔為你收集整理的JavaScript window.location物的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。