JavaScript window.location對象
經(jīng)常使用window.location，它的結(jié)構(gòu)總是記不住，簡單梳理下，方便以后查詢。
示例
URL：http://b.a.com:88/index.php?name=kang&when=2011#first
| 屬性 | 含義 | 值 |
|---|---|---|
| protocol: | 協(xié)議 | "http:" |
| hostname: | 服務(wù)器的名字 | "b.a.com" |
| port: | 端口 | "88" |
| pathname: | URL中主機(jī)名后的部分 | "/index.php" |
| search: | "?"后的部分，又稱為查詢字符串 | "?name=kang&when=2011" |
| hash: | 返回"#"之后的內(nèi)容 | "#first" |
| host: | 等于hostname + port | "b.a.com:88" |
| href: | 當(dāng)前頁面的完整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會跳到當(dāng)前頁面中的anchor(<a id="name">或者<div id="id">等)名字的標(biāo)記(如果有)，而且頁面不會被重新加載
注意
URL：http://b.a.com:88/index.php?name=kang&how=#when=2011#first
| search: | "?name=kang&how=" | 第一個"?"之后 |
| hash: | "#when=2011#first" | 第一個"#"之后的內(nèi)容 |
hash:"#when=2011#first"第一個"#"之后的內(nèi)容
方法
location.assign( url )
location.assign('http://www.baidu.com'); 等同于 window.location = 'http://www.baidu.com'
這種方式會講新地址放到瀏覽器歷史棧中，意味著轉(zhuǎn)到新頁面后“后退按鈕”仍可以回到該頁面。
location.replace( url )
與assign方法一樣，但會從瀏覽器歷史棧中刪除本頁面，也就是說跳轉(zhuǎn)到新頁面后“后退按鈕”不能回到該頁面。目前IE、Chrome只是簡單的跳轉(zhuǎn)，只有Firefox會刪除本頁面的歷史記錄。
location.reload( force )
重新載入當(dāng)前頁面。force為true時從服務(wù)器端重載；false則從瀏覽器緩存中重載，默認(rèn)值false。
- window.location和document.location的區(qū)別分析
- javascript 打開頁面window.location和window.open的區(qū)別
- 關(guān)于js中window.location.href,location.href,parent.location.href,top.location.href的用法與區(qū)別
- window.location.hash 使用說明
- javascript中的window.location.search方法簡介
- window.navigate 與 window.location.href 的使用區(qū)別介紹
- window.location.href中url中數(shù)據(jù)量太大時的解決方法
- window.location不跳轉(zhuǎn)的問題解決方法
相關(guān)文章
可以關(guān)閉計算機(jī)的js腳本...2007-02-02
defer作用是文檔加載完畢了再執(zhí)行腳本,這樣回避免找不到對象的問題，下面有個不錯的示例，感興趣的朋友可以參考下2014-01-01
文是JavaScript庫Mootools的入門性介紹文章，詳細(xì)介紹了在網(wǎng)上能找到的比較好的學(xué)習(xí)HTML,CSS,JavaScript入門知識的資源以及隨手參考的地方。文中介紹的從零入手學(xué)習(xí)JavaScript編程的過程很有參考價值。2008-04-04
這篇文章主要介紹了javascript 獲取瀏覽器版本的相關(guān)資料,需要的朋友可以參考下2015-01-01
toFixed() 方法可把 Number 四舍五入為指定小數(shù)位數(shù)的數(shù)字。2010-04-04
本文主要是對javascript之Array 數(shù)組對象的詳解 ，比較詳細(xì)，希望能給大家做一個參考。2016-06-06
這篇文章主要介紹了JavaScript的React框架入門教程,目前React框架正被Facebook開源極力推廣中,此文強(qiáng)烈推薦!需要的朋友可以參考下2015-07-07
這篇文章主要為大家介紹了JS中switch的四種寫法示例代碼，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
獲取body標(biāo)簽的兩種方法，有時候需要動態(tài)的在body中添加內(nèi)容用得到。2011-10-10
JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
這篇文章主要介紹了JavaScript onkeydown事件入門實例,onkeydown事件捕捉鍵盤上某個按鍵被按下的情況,需要的朋友可以參考下2014-10-10