JavaScript实现页面跳转的方式汇总

(编辑：jimmy 日期: 2024/11/21 浏览：3 次 )

在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些JS实现页面跳转的方式例子。

按钮式： 　　

<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">

链接式： 　

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

直接跳转式： 　　

<script>window.location.href='http://www.ddhbb.com';</script>

开新窗口：

<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog /guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"& gt;布丁　　　　　　　　　　足迹
</a>

第一种：

<script language="javascript" type="text/javascript"> 
window.location.href="login.jsp"+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>

＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{
window.location.href="logout.asp"
}
}
-->
</script>
＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗？");
window.location.href="logout.asp"
}
-->
</script>

以上内容是小编给大家介绍的JavaScript实现页面跳转的方式汇总，希望对大家有所帮助，也希望大家多多关注网站！

上一篇：基于javascript实现最简单的选项卡切换效果
下一篇：js实现页面跳转的几种方法小结