window.location(.href)="URL"

其實 .href 可以省略

window.location 和 window.location.href 實現的效果是一樣的

例如：

window.location = "http://www.baidu.com"window.location.href = http://www.baidu.com

上面兩種方法都可以從當前頁面跳轉到目標頁面

不同之處在于 window.location 返回的是對象，如果沒有.href，它會默認參數就是href

winodw.location.assign("URL")

這個方法和上面的方法差不多

用法：

winodw.location.assign(http://www.baidu.com)

window.location.replace("URL")

如果用window.location.replace("http://www.baidu.com") 實現跳轉頁面, 它和上面方法的區別在于它跳轉后不會保存跳出頁面的信息.

所以如果使用 history 歷史返回按鈕是無效的

它的效果類似于在網頁上點擊右鍵, 在新窗口打開或新標簽頁打開.

而 window.location.href 實現的效果是在頁面上點擊目標鏈接, 然后可以點擊歷史返回按鈕, 返回到之前頁面。

歷史頁跳轉

下面的兩種方法都可以實現返回歷史頁，相當于點了頁面左上角的返回按鈕

window.history.back();window.history.go(-1);

back和go里面都可以放數值

例如：里面放上 -1 意思就是返回上一級，里面放上 -2 就是返回上上級，以此類推
而且里面還可以放上指定的路由路徑，比如 window.history.go('../routes/admin/'); 這樣可以跳轉到指定的路由模塊

meta refresh

如果用戶瀏覽器禁用了javascript, 那么可以用meta refresh來實現自動跳轉:

<noscript>	<meta http-equiv="refresh" content="0;URL=http://www.baidu.com/"></noscript>

如果要實現 JS 自動跳轉，可以加個定時器：

setTimeout(function(){ ... }, 1000);

重新加載本頁

如果你的代碼邏輯執行完了，想要重新加載頁面的話，可以用這兩種方法：

window.location.reload()window.location.replace()

這兩種方法都可以重新加載本頁，但是replace()可以導向另外一個URL

例如：window.location.replace("http://www.baidu.com")

window.navigate('URL')

window.navigate('URL') 這個方法是只針對IE的，不適用于火狐等其他瀏覽器，在HTML DOM Window Object中，根本沒有列出window.navigate這個方法，所以這個方法盡量少用，遺忘最好。

self、parent、this、top

top.location.href=”url”   在頂層頁面打開url（跳出框架） self.location.href=”url”  僅在本頁面打開url地址 parent.location.href=”url”  在父窗口打開Url地址 this.location.href=”url”  用法和self的用法一致