JS完成頁面跳轉的幾種方式

我們在網站設計中常常會用到通過這個頁面跳轉到另外一個頁面，如何來實現這一功能呢，其他實現的方法有很多，今天我們就來學習通過JS實現頁面跳轉的幾種方式，希望對你有所幫助。

方法一、這種方法能夠等待3秒，采用倒計時的方式，然后通過JS實現跳轉到指定的頁面，如果你要等待的時間更長，只需把1000改為2000等等，JS代碼如下：

<span id="tiao">3</span><a href="javascript:countDown"></a>
3秒后自動跳轉……
<meta http-equiv=refresh content=3;url='http://www.xue51.com/'</ul>
<!--腳本開始-->
<script language="javascript" type="">
function countDown(secs){
tiao.innerText=secs;
if(--secs>0)
setTimeout("countDown("+secs+")",1000);
}
countDown(3);
</script>
<!--腳本結束-->
 

運行效果如圖所示：

方法二、這種方法采用按鈕式跳轉，只需點擊按鈕就可以跳轉到指定的頁面，JS代碼如下：

<INPUT name="pclog" type="button" value="GO" 
onClick="location.">

運行效果如圖所示：

 方法三、這種方法通常用到返回上一頁面，采用歷史記錄的形式返回，JS代碼如下：

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

方法四、這種方法是采用直接跳轉的方面，不通過任何提示，直接強制性跳轉到指定的頁面或網址，JS代碼如下：

<script>window.location.;</script>

方法五、這一方法是采用彈窗的形式轉向到某個網站或網頁面面，JS代碼如下：

<a href="javascript:" onClick="window.open('http://www.xue51.com/',''
,'height=500,width=611,scrollbars=yes,status=yes')">本站</a>

方法六、這一方法是采用選擇框的形式跳轉，通過選擇是否進行跳轉，JS代碼如下：

<script language="javascript">
<!--
function logout()
{
if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))
{
window.location.href="http://www.xue51.com/"
}
}
-->
</script>
 

方法七、下面再列出常用的幾種方法（簡單代碼）

第一種：

<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>

	

第三種：

<script language="javascript">
window.navigate("top.jsp");
</script>	

第四種：

<script language="JavaScript">
self.location=’top.htm’;
</script>

	
第五種：

<script language="javascript">
alert("非法訪問！");
top.location=’xx.jsp’;
</script>

本實例JS實現頁面跳轉源碼下載