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: | 服務器的名字 | "b.a.com" |
| port: | 端口 | "88" |
| pathname: | URL中主機名后的部分 | "/index.php" |
| search: | "?"后的部分，又稱為查詢字符串 | "?name=kang&when=2011" |
| hash: | 返回"#"之后的內(nèi)容 | "#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" | 第一個"#"之后的內(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 )
重新載入當前頁面。force為true時從服務器端重載；false則從瀏覽器緩存中重載，默認值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)文章
js沒有in_array函數(shù)，但是我們可以自己給js寫一個in_array函數(shù)2013-11-11
一個HTML頁面可以有一個或多個子框架，這些子框架以<iframe>來標記，用來顯示一個獨立的HTML頁面。這里所講的框架編程包括框架的自我控制以及框架之間的互相訪問，例如從一個框架中引用另一個框架中的JavaScript變量、調(diào)用其他框架內(nèi)的函數(shù)、控制另一個框架中表單的行為等2014-03-03
一文帶你了解JavaScript基礎(chǔ)之深拷貝和淺拷貝
這篇文章主要為大家介紹了JavaScript深拷貝和淺拷貝，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
本篇內(nèi)容是小編整理的關(guān)于腳本之家精選的JS正則的優(yōu)秀文章，適合大家學習JS正則的相關(guān)內(nèi)容，有需要的朋友參考下。2018-05-05
這篇文章主要介紹了javascript數(shù)組定義的幾種方法，一般來說分為隱式創(chuàng)建、直接實例化、創(chuàng)建數(shù)組并指定長度、后來為了方便直接使用json格式定義數(shù)組，這里腳本之家小編就為大家介紹一下，需要的朋友可以參考一下2017-10-10
JavaScript中constructor()方法的使用簡介
這篇文章主要介紹了JavaScript中constructor()方法的使用簡介,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
nodejs中exports與module.exports的區(qū)別詳細介紹
你肯定非常熟悉nodejs模塊中的exports對象，你可以用它創(chuàng)建你的模塊接下來介紹創(chuàng)建過程，感興趣的朋友可以參考下2013-01-01
ES6下javascript解構(gòu)賦值常見用法總結(jié)
這篇文章主要介紹了在ES6下javascript賦值常見用法總結(jié),需要的朋友可以參考下2022-01-01
這篇文章主要為大家介紹了javascript的數(shù)組方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
JavaScript高級程序設計（第3版）學習筆記9 js函數(shù)（下）
函數(shù)是一種對象，擁有一般對象具有的所有特征，除了函數(shù)可以有自己的屬性和方法外，還可以做為一個引用類型的值去使用，實際上我們前面的例子中已經(jīng)有過將函數(shù)作為一個對象屬性的值，又比如函數(shù)也可以作為另一個函數(shù)的參數(shù)或者返回值，異步處理中的回調(diào)函數(shù)就是一個典型的用法2012-10-10