DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現頁面跳轉的五種方法推薦
js實現頁面跳轉的五種方法推薦
編輯:關於JavaScript     

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

第一種:
復制代碼 代碼如下:
<script language="javascript" type="text/javascript">
window.location.href="xx.jsp?backurl="+window.location.href;
</script>

第二種:
復制代碼 代碼如下:
<script language="javascript">
alert("返回");
window.history.back(-1);
window.history.go(-1);
</script>

第三種:
復制代碼 代碼如下:
<script language="javascript">
window.navigate("xx.jsp");
</script>

第四種:
復制代碼 代碼如下:
<script language="JavaScript">
self.location='xx.htm';
</script>

第五種:
復制代碼 代碼如下:
<script language="javascript">
alert("非法訪問!");
top.location='xx.jsp';
</script>

總結:
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實現頁面跳轉的五種方法推薦就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved