本文實例總結了Javascript頁面跳轉常見實作方式。分享給大家參考,具體如下:
概述
相信很多Web開發者都知道,在開發Web程式的時候,對於頁面之間的跳轉,有很多種,但是有效的跳轉則事半功倍,下面就是我在平時的開發過程中所用到的有些JavaScript跳轉方式,拿出來跟大家分享一下。
第一種:直接跳轉加參數
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
直接跳轉無參數:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
標籤巢狀:
<a href="javascript:history.go(-1)">返回上一步</a> <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
第三種:指定跳轉頁 對框架無效。
<script language="javascript"> window.navigate("top.jsp"); </script>
第四種:指定自身跳頁 對框架無效。
<script language="JavaScript"> self.location='top.htm'; </script>
第五種:指定自身跳頁 對框架有效。
<script language="javascript"> alert("非法访问!"); top.location='xx.aspx'; </script>
第六種:按鈕式 在button鈕上新增 事件跳轉。
<head> <script language="javascript"> function old_page() { window.location = "login.aspx" } function replace() { window.location.replace("login.aspx") } function new_page() { window.open("login.aspx") } </script> </head> <body> <input type="button" onclick="new_page()" value="在新窗口打开s"/> <input type="button" onclick="old_page()" value="跳转后有后退功能"/> <input type="button" onclick="replace()" value="跳转后没有后退功能"/> </body>
希望本文所述對大家JavaScript程式設計有所幫助。