您的位置：首页 > Web前端 > JavaScript

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

2016-05-16 15:44 656 查看

在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些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?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>

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

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

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

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js 页面跳转

相关文章推荐

新的分享

章节导航