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.href='http://www.xue51.com/'">

运行效果如图所示：

 方法三、这种方法通常用到返回上一页面，采用历史记录的形式返回，JS代码如下：

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

方法四、这种方法是采用直接跳转的方面，不通过任何提示，直接强制性跳转到指定的页面或网址，JS代码如下：

<script>window.location.href='http://www.xue51.com';</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实现页面跳转源码下载