JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法

我們?cè)诰W(wǎng)站設(shè)計(jì)中常常會(huì)用到通過這個(gè)頁(yè)面跳轉(zhuǎn)到另外一個(gè)頁(yè)面，如何來實(shí)現(xiàn)這一功能呢，其他實(shí)現(xiàn)的方法有很多，今天我們就來學(xué)習(xí)通過JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式，希望對(duì)你有所幫助。

方法一、這種方法能夠等待3秒，采用倒計(jì)時(shí)的方式，然后通過JS實(shí)現(xiàn)跳轉(zhuǎn)到指定的頁(yè)面，如果你要等待的時(shí)間更長(zhǎng)，只需把1000改為2000等等，JS代碼如下：

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

運(yùn)行效果如圖所示：

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

<INPUT name="pclog" type="button" value="GO" 
onClick="location.href='http://wangbatian.cn/'">

運(yùn)行效果如圖所示：

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

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

方法四、這種方法是采用直接跳轉(zhuǎn)的方面，不通過任何提示，直接強(qiáng)制性跳轉(zhuǎn)到指定的頁(yè)面或網(wǎng)址，JS代碼如下：

<script>window.location.href='http://wangbatian.cn';</script>

方法五、這一方法是采用彈窗的形式轉(zhuǎn)向到某個(gè)網(wǎng)站或網(wǎng)頁(yè)面面，JS代碼如下：

<a href="javascript:" onClick="window.open('http://wangbatian.cn/',''
,'height=500,width=611,scrollbars=yes,status=yes')">學(xué)無(wú)憂</a>

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

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

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

第一種：

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

本實(shí)例JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)源碼下載