JavaScript实现页面跳转的方式汇总
更新时间：2025年08月07日 14:22:19 作者：jerrylsxu
在动手做网站时,不可避免的会碰到页面跳转的问题,新页面是在当前页面打开呢,还是在新窗口打开呢,是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢,等等很多种情况,下面我们来看下常用的一些JS实现页面跳转的方式例子,需要的朋友可以参考下
在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些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实现页面跳转的方式汇总，希望对大家有所帮助，也希望大家多多关注脚本之家网站！
相关文章
基于Bootstrap table组件实现多层表头的实例代码
Bootstrap table还有一个很多强大的功能，下面就通过本文给大家分享基于Bootstrap table组件实现多层表头的实例代码，需要的朋友参考下吧2017-09-09
这篇文章主要介绍了网页右侧悬浮滚动qq在线客服代码示例,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了JavaScript 事件代理需要注意的地方，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-09-09
在基本类型当中，有三种类型是我们经常使用的：boolean，number，string，通过本篇文章给大家介绍javascript高级教程5.6之基本包装类型，感兴趣的朋友一起学习吧2015-11-11
JavaScript在IE和Firefox上的差异及相互替代的实现方法
我们经常在处理ie和firefox下的js总会碰到一些兼容问题，下面是些总结，希望大家仔细看看研究2008-06-06
使用onmouseover和onmouseout事件实现不同的效果而且是使用js动态实现，本文有利于巩固你js与css方面的知识，感兴趣的你可以了解下哦，希望本文对你有所帮助2013-01-01
JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)
JavaScript无提示关闭当前页面窗口，兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)2008-11-11
这篇文章主要为大家详细汇总了常用原生JS兼容性写法，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要为大家详细介绍了JavaScript实现广告弹窗效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了JavaScript中箭头函数与普通函数的区别，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
最新评论