標籤：

js實現頁面跳轉的幾種方法小結

06-26
按鈕式：<INPUT name="pclog" type="button" value="GO" onClick="location.href="http://www.jb51.net/"">

鏈接式：

<a href="javascript:history.go(-1)">返回上一步</a>

<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

直接跳轉式：<script>window.location.href="http://www.jb51.net";</script>開新窗口：<a href="javascript:" onClick="window.open("http://www.jb51.net/blog /guestbook.asp","","height=500,width_=611,scrollbars=yes,status=yes")"& gt;布丁足跡</a>第一種：<script language="javascript"type="text/javascript">window.location.href="login.jsp?backurl="+window.location.href;</script>第二種：<scriptlanguage="javascript">alert("返回");window.history.back(-1);</script>第三種：<scriptlanguage="javascript"> window.navigate("top.jsp"); </script>第四種：<scriptlanguage="JavaScript"> self.location="top.htm";</script>第五種：<scriptlanguage="javascript">alert("非法訪問！");top.location="xx.jsp";</script>＝＝＝＝＝javascript中彈出選擇框跳轉到其他頁面＝＝＝＝＝<scriptlanguage="javascript"><!--functionlogout()...{if(confirm("你確定要註銷身份嗎？是－選擇確定，否-選擇取消"))...{window.location.href="logout.asp?act=logout"}}--></script>＝＝＝＝＝javascript中彈出提示框跳轉到其他頁面＝＝＝＝＝<scriptlanguage="javascript"><!--functionlogout()...{alert("你確定要註銷身份嗎？");window.location.href="logout.asp?act=logout"}--></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實現頁面跳轉的五種方法推薦就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。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實現頁面跳轉的五種方法推薦就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。


推薦閱讀：

TAG:方法 | 頁面跳轉 | 頁面 | 實現 |