js實作頁面跳轉的五種方法推薦_javascript技巧

js實作頁面跳轉的五種方法推薦

第一種：

複製程式碼 程式碼如下:

第二種：

複製程式碼 程式碼如下:

第三種：

複製程式碼 程式碼如下:

第四種：

複製程式碼 程式碼如下:

第五種：

複製程式碼 程式碼如下:

總結：
self:目前視窗物件（如果是在iframe裡，則為該框架的視窗物件）

top:父視窗物件

window:典型情況下，瀏覽器會為每個開啟的html建立對應的window對象，如果這個文件包含了多個框架，則瀏覽器會為原始文件建立一個window對象，再為每個框架建立額外的window物件。可以再目前視窗中直接使用window的全部屬性、方法和集合，也就是不需要在前面附加計算結果為目前window物件的表達式。雖然window可以省略，但為了方便閱讀、避免一些漏洞，一般都會使用這個關鍵字。
location:該物件包含目前url訊息，擁有多個屬性。預設屬性為location.href,表示整個url，即如果設定location="http://www.jb51.net",則等同於location.href="http://www.jb51.net".self:當前視窗物件（如果是在iframe裡，則為該框架的視窗物件）

window.navigate("http://xx.html/") 這個方法是只針對IE的，不適用於火狐等其他瀏覽器，在HTML DOM Window Object中，根本沒有列出window.navigate這個方法，所以這個方法盡量少用。
window.location 屬性是相容於所有瀏覽器的。因此在實現頁面跳轉的時候這個比較常用。
window.history.go(-1)是回上一頁
window.location.go(-1) 是刷新上一頁

以上這篇js實現頁面跳轉的五種方法推薦就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。