js 頁面跳轉和刷新的方式以及不一樣

window.location.href = url複製代碼

     在當前頁面(原窗口)打開url瀏覽器

window.location.assign(url); 複製代碼

    觸發窗口加載並顯示指定的URL的內容,至關於window.location.href。詳情bash

window.locaton.replace(url);複製代碼

     以給定的URL來替換當前的資源。與assign() 方法 不一樣的是,調用 replace() 方法後,當前頁面不會保存到會話歷史中(session History),這樣,用戶點擊回退按鈕時,將不會再跳轉到該頁面。詳情markdown

window.open(strUrl, strWindowName, [strWindowFeatures]);複製代碼

strUrl 要在新打開的窗口中加載的URL。session

strWindowName 新窗口的名稱。框架

strWindowFeatures 一個可選參數,列出新窗口的特徵(大小,位置,滾動條等)做爲一個函數

     用指定的名稱將指定的資源加載到瀏覽器上下文(窗口 window ,內嵌框架 iframe 或者標籤 tab )。若是沒有指定名稱,則一個新的窗口會被打開而且指定的資源會被加載進這個窗口的瀏覽器上下文中。(可能被瀏覽器攔截)oop

建立 a 標籤this

let a = document.createElement("a");           
a.setAttribute("href", url);      
a.setAttribute("target", "_blank");
a.click();複製代碼
     打開頁面不被瀏覽器攔截。

歷史頁面跳轉url

window.history.back();複製代碼

    等同於點擊瀏覽器的回退按鈕。spa

window.history.go(delta);複製代碼

     delta相對於當前頁面你要去往歷史頁面的位置。負值表示向後移動,正值表示向前移動。所以,例如:history.go(2)向前移動兩頁,history.go(-2)則向後移動兩頁。若是未向該函數傳參或delta相等於0,則該函數與調用location.reload()具備相同的效果。

location.href 的幾種方式

self.location.href;//當前頁面打開URL頁面複製代碼

window.location.href;//當前頁面打開URL頁面複製代碼

this.location.href;//當前頁面打開URL頁面複製代碼

location.href;// 當前頁面打開URL頁面複製代碼

parent.location.href;//在父頁面打開新頁面複製代碼

top.location.href;//在頂層頁面打開新頁面複製代碼

     location是window對象的屬性,而全部的網頁下的對象都是屬於window做用域鏈中(這是頂級做用域),因此使用時是能夠省略window。

相關文章
相關標籤/搜索