JS指令碼中重新整理當前頁面的方法

守望星空2018發表於2018-05-21

1、window.location.href=“url”:

當前頁面開啟URL頁面,改變url地址,如果URL為空則重新開啟當前頁面。

(1)與self.location.href="url",self.location.href="url"相同

(2)this.location.href="url"當前頁面開啟URL頁面

(3)parent.location.href="url"在父頁面開啟新頁面

(4)top.location.href="url" 在頂層頁面開啟新頁面


2、window.location.replace(“url”):

將地址替換成新url,該方法通過指定URL替換當前快取在歷史裡(客戶端)的專案,因此當使用replace方法之後,你不能通過“前進”和“後退”來訪問已經被替換的URL,這個特點對於做一些過渡頁面非常有用!


3、window.location.reload():

強制重新整理頁面,從伺服器重新請求!和F5功能一樣。

(1)window.opener.document.location.reload();使用子視窗的 opener 物件來獲得父視窗的物件;


4、window.location.reload()與window.location.href=“url”的異同:

(1)相同點:都是重新整理當前頁面,都會提交資料。

(2)不同點:reload()會提示是否提交資料,可以提交GET和POST方式提交的資料;

href()不會提示是否提交併且只會提交URL裡面的資料,即GET方式提交的資料

相關文章